Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

bug(popups): Material popups shown from native HTML dialog don't register mouse events.

Ouverte
#32,770 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
42/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
angular, typescript
Domaine
frontend

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.

Description

area: cdk/overlay P3
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
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 4 h
PR mergées (30 j)
69

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de angular/components

Toutes les issues de angular/components

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

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