Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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 opened this issue Oct 8, 2024 · 0 comments
Open

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

valentyna-sidorova-simpligov opened this issue Oct 8, 2024 · 0 comments
Labels
area: material/menu P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@valentyna-sidorova-simpligov
Copy link

valentyna-sidorova-simpligov commented Oct 8, 2024 •
edited
Loading

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
@valentyna-sidorova-simpligov valentyna-sidorova-simpligov added the needs triage This issue needs to be triaged by the team label Oct 8, 2024
@crisbeto crisbeto added P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent area: material/menu and removed needs triage This issue needs to be triaged by the team labels Oct 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: material/menu P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@crisbeto @valentyna-sidorova-simpligov