bug(MatMenu): dropdown with menu items pops over menu trigger when there's a scroll bar in the dropdown

#### Reproduction

Steps to reproduce:
1. Go to the following StackBlitz URL https://stackblitz.com/edit/angular-xcgrfw
2. Click on the "Menu" button
3. Notice how menu items pop over the "Menu" button



#### Expected Behavior

The expected behaviour is for the menu dropdown to be positioned below the "Menu" button regardless of the number of menu items as in the following example https://stackblitz.com/angular/mnygrqvpejk?file=src%2Fapp%2Fmenu-overview-example.ts

#### Actual Behavior

The dropdown with menu items pops over the "Menu" button when there's so many menu items that the menu becomes scrollable

#### Environment

- Angular: 9.1.11
- CDK/Material: 9.2.4
- Browser(s): Google Chrome 83.0.4103.97
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Beginne damit, das Problem mit dem verlinkten StackBlitz-Beispiel zu reproduzieren, und vergleiche dann dessen MatMenu-Verhalten mit dem verlinkten Angular-Menübeispiel. Verfolge den Einstiegspunkt für die Menüpositionierung, der für scrollbare Dropdowns verantwortlich ist, und überprüfe, dass das Dropdown unterhalb des Triggers bleibt, wenn es genügend Elemente zum Scrollen enthält.

Vom Indexierungsmodell aus dem Issue-Text verfasst.