components icon indicating copy to clipboard operation
components copied to clipboard

bug(Select): Select menu height shrinks when scrolling

Open Accir opened this issue 8 months ago • 2 comments

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:

  1. Create a page large enough where you can scroll
  2. Add a select component with a few options in the middle of the page
  3. 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.

Image

Environment

  • Angular: 19.2.7,
  • CDK/Material: 19.2.10
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Accir avatar Apr 18 '25 13:04 Accir

This is due to #30628. cc @andrewseguin

crisbeto avatar Apr 18 '25 14:04 crisbeto

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

SergheiGurgurov avatar Apr 18 '25 18:04 SergheiGurgurov