Skip to content

bug(MatMenu): MatTooltip receives focus using arrow key navigation on the keyboard #32760

@sonegobruno

Description

@sonegobruno

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

v17

Description

When navigating menu items using arrow keys (Up/Down), tooltips are receiving focus and blocking further navigation. This prevents users from moving between menu items using the keyboard.

Reproduction

StackBlitz link: StackBlitz

Steps to reproduce:

  1. Open the menu
  2. Use Up or Down arrow keys to navigate between items
  3. Observe that navigation stops when reaching an item with a tooltip

Expected Behavior

  • Users should be able to navigate through all menu items using arrow keys
  • Tooltips should be displayed without intercepting focus
  • Navigation should continue smoothly regardless of tooltip presence

Actual Behavior

  • Arrow key navigation stops when reaching an item with a tooltip
  • The tooltip receives focus instead of remaining as a non-interactive hint
  • Users cannot continue navigating past items with tooltips

Environment

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

Metadata

Metadata

Assignees

Labels

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions