Skip to content

bug(MatSelect): When panel is displayed inside a SideNav, it stays opened on Escape button #30507

Open
@rsi21

Description

@rsi21

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

Hi,

When using MatSelect inside a SideNav, if the panel is opened and we close the sideNav with the Escape button, the MatSelect panel stays opened.

I expected the same behavior like with the MatDatePicker, if the picker panel is opened, when using Escape the picker is closed first, and then using Escape again closes the sideNav.

I also provide the same sample inside a Dialog using the MatSelect and MatDatePicker and in this case, both works the same way and correctly.

The issue seems related to this one:
#7981

Thanks

Reproduction

StackBlitz link: https://stackblitz.com/edit/components-issue-starter-r9az1u4q
Steps to reproduce:

  1. Click on button to open the SideNav
  2. Open the MatSelect panel
  3. Click on Escape

Expected Behavior

MatSelect should be closed with the escape button instead of the SideNav

Actual Behavior

SideNav is closed and MatSelect panel stays visible

Environment

  • Angular: 18 (same issue in 19)
  • CDK/Material: 18 (same issue in 19)
  • Browser(s): Chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/selectarea: material/sidenav

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions