Skip to content

bug(mat-menu-trigger): screen reader reads 2 states (expanded and then collapsed) on menu close for lazy load menus #29844

Open
@valentyna-sidorova-simpligov

Description

Description

When using screen readers and lazy load menu, the menu closes faster than the state (aria-expanded) updates so when the trigger refocuses it has an expanded state. Then it changes to collapsed state, which causes reading 2 states.

Reproduction

StackBlitz link: https://stackblitz.com/edit/2tyoy4?file=src%2Fexample%2Fmenu-overview-example.html
Steps to reproduce:
Use any menu with matMenuContent

Expected Behavior

NVDA log:
Menu
menu clickable Item 1 menu item
Menu menu button collapsed subMenu

Actual Behavior

NVDA log:
Menu
menu clickable Item 1 menu item
Menu menu button expanded subMenu
collapsed

Environment

  • Angular: 18.2.6
  • CDK/Material: 18.2.6
  • Browser(s): Chrome Version 129.0.6668.72
  • Operating System (e.g. Windows, macOS, Ubuntu): Windows 11

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/menu

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions