angular / angular/components

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

Abierto
#29,041 7 comentarios 0 reacciones 1 asignado Reclamado por @adolgachev Ver en GitHub
Accessibility area: material/menu P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.