bug(Select): Select menu height shrinks when scrolling
Is this a regression?
- [x] 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 select menu is opened and scrolled out of view it's height becomes really small. When scrolling back into view the height never increases and stays small.
This issue is similar to already fixed issue in mat-menu component https://github.com/angular/components/issues/18168 https://github.com/angular/components/pull/21436
Reproduction
StackBlitz link: https://stackblitz.com/edit/zdrajstd?file=src%2Fexample%2Fselect-custom-trigger-example.html Steps to reproduce:
- Create a page large enough where you can scroll
- Add a select component with a few options in the middle of the page
- Scroll through the page while the select is open
Expected Behavior
Select menu height should increase when scrolled back into view
Actual Behavior
Select menu height doesn't increase and stays small.
Environment
- Angular: 19.2.7,
- CDK/Material: 19.2.10
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
This is due to #30628. cc @andrewseguin
Hello there, i felt i could take on the fix, i just added growAfterOpen to the position strategy of the overlay to match the behaviour of the mat-menu which had the same issue previously as mentioned by @Accir