Skip to content

bug(menu)[matMenuTriggerFor]: Trigger does not update ARIA values correctly in OnPush components (Accessibility) #29041

Open
@kryoussef

Description

@kryoussef

Is this a regression?

The previous version in which this bug was not present was

No response

Description

It seems like the issue : 26262 has not been resolved,
The Trigger does not update aria values and misbehaves in OnPush components.

Reproduction

StackBlitz link: https://stackblitz.com/edit/angular-bqrgp1-p8dplp?file=src%2Fapp%2Fmenu-overview-example.ts
Steps to reproduce:

  1. use NVDA Speech viewer
  2. open the menu and select items (multiple times)
    screen reader

Expected Behavior

When selecting an item menu-item from the menu, the aria-label and aria-expanded should be updated correctly,
From the example above, NVDA should read item2 with menu being collapsed

Actual Behavior

As shown in the screenshot, when we click on the item2, NVDA is reading item1 with the menu being expanded

Environment

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs: clarificationThe issue does not contain enough information for the team to determine if it is a real bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions