Skip to content

bug(mat-menu): Nested menu stays open when mouse is quickly moved to the parent menu-item after click #31956

@CelSzabi

Description

@CelSzabi

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 a nested menu is opened and the user clicks on a sub menu element and then quickly moves the cursor to the parent element, the sub menu will stay open.

Reproduction

Steps to reproduce:

  1. Go to https://material.angular.dev/components/menu/examples
  2. Open the nested menu example and open "Invertebrates" menu
  3. Click on "Insects" and immediately move the cursor back over "Invertebrates"
menu_issue.mp4

Expected Behavior

When parent menu closes, child menu also closes

Actual Behavior

Parent menu closes, but child menu stays open

Environment

  • Angular: v20.2.5
  • CDK/Material: v20.2.5
  • Browser(s): Chrome Version 140.0.7339.186
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Metadata

Metadata

Assignees

Labels

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions