angular / angular/components

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

Ouverte
#29,041 7 commentaires 0 réactions 1 personne assignée Réclamée par @adolgachev Voir sur GitHub
Accessibility area: material/menu P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### Is this a regression?

- [x] #31029

### The previous version in which this bug was not present was

_No response_

### Description

It seems like the issue : [26262](https://github.com/angular/components/issues/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](https://github.com/angular/components/assets/168361048/dcb419eb-be1e-4b4b-9c81-f3430d33931c)

### 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

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.