Skip to content

bug(Select): Select menu height shrinks when scrolling #30901

Open
@Accir

Description

@Accir

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 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
#18168
#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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/select

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions