bug(popups): Material popups shown from native HTML dialog don't register mouse events.
- 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?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
Mouse events not registering on multiple material components inside native Dialog.
Originally they appeared behind the dialog due to being created outside of #top-layer.
https://github.com/angular/components/issues/25799
Now they mostly just don't work. They appear in-front of dialog... but mouse events (click/hover) don't register.
https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts
### Reproduction
StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-wmwfsj8g?file=src%2Fmain.ts
Steps to reproduce:
1. click button to open a native dialog
2. click any of the material components
### Expected Behavior
The MatMenu and DatePicker should work as expected.
### Actual Behavior
Ignores mouse events.
### Environment
- Angular: 21.1.3
- CDK/Material: 21.1.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée dans src/main.ts et vérifiez le comportement dans Chrome : ouvrez la boîte de dialogue native, puis essayez MatMenu et DatePicker. Suivez la manière dont ces popups Material sont positionnés par rapport à la top layer de la boîte de dialogue native et confirmez que les événements de clic et de survol atteignent les composants. C’est terminé lorsque les deux composants réagissent aux événements de la souris alors que la boîte de dialogue est ouverte.
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é
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 42/100