bug(MatMenu): dropdown with menu items pops over menu trigger when there's a scroll bar in the dropdown
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
#### 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
Guía de contribución
Línea de trabajo
Comienza reproduciendo el problema con el ejemplo de StackBlitz enlazado y, después, compara su comportamiento de MatMenu con el ejemplo de menú de Angular enlazado. Traza el punto de entrada del posicionamiento del menú responsable de los dropdowns desplazables y verifica que el dropdown permanezca debajo del trigger cuando contenga suficientes elementos como para desplazarse.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100