bug(cdkMenu): cdkMenu is scrolled down when max-height is set
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
When using max-height on cdkMenu with overflow-y: auto, menu is scrolled down a bit when first shown.
Bad:

Good:

### Reproduction
StackBlitz link: https://stackblitz.com/edit/gbirs4?file=src/example/cdk-menu-standalone-menu-example.html,src/example/cdk-menu-standalone-menu-example.css
Steps to reproduce:
1. Add cdk menu with options with at least one cdkMenuHeaderItem.
2. Set max-height on cdkMenu.
3. Open menu.
### Expected Behavior
Menu should not be scrolled at all.
### Actual Behavior
Menu is scrolled a bit down.
### Environment
- Angular: 18.2.2
- CDK/Material: 18.2.2
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Beitragsleitfaden
Rechercherichtung
Reproduziere das Problem anhand des StackBlitz-Beispiels, beginnend mit src/example/cdk-menu-standalone-menu-example.html und src/example/cdk-menu-standalone-menu-example.css. Prüfe cdkMenu mit einem cdkMenuHeaderItem sowie max-height und overflow-y: auto; abgeschlossen ist die Aufgabe, wenn das Menü ohne anfänglichen Scroll-Offset geöffnet wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 42/100