menu: trigger ExpressionChangedAfterItHasBeenCheckedError aria-expanded: null in OnPush component
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### What is the expected behavior?
Error should not occur
#### What is the current behavior?
Repeatedly and quickly clicking on menu trigger button causes error
#### What are the steps to reproduce?
[StackBlitz](https://stackblitz.com/edit/angular-stgyux)
Click on menuTrigger repeatedly -> error shows in console
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.1.0
Angular Material 7.1.0
Chrome Browser
#### Is there anything else we should know?
ChangeDetection: OnPush
ERROR
Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'aria-expanded: true'. Current value: 'aria-expanded: null'.
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée utilisant Angular et Angular Material 7.1.0, puis cliquez plusieurs fois sur le déclencheur du menu dans un composant OnPush tout en observant la console. Suivez les changements de aria-expanded du déclencheur du menu et déterminez pourquoi la valeur vérifiée devient null ; c'est terminé lorsque la reproduction ne signale plus ExpressionChangedAfterItHasBeenCheckedError.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 38/100