Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#32,770 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
42/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
angular, typescript
Ambito
frontend

Direzione di ricerca

Inizia con la riproduzione collegata di StackBlitz in src/main.ts e verifica il comportamento in Chrome: apri il dialog nativo, quindi prova MatMenu e DatePicker. Traccia il modo in cui questi popup Material vengono posizionati rispetto alla top layer del dialog nativo e conferma che gli eventi di clic e hover raggiungano i componenti. Il lavoro è completato quando entrambi i componenti rispondono agli eventi del mouse mentre il dialog è aperto.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 7h
PR unite (30g)
69

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di angular/components

Tutte le issue di angular/components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.