Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#32,770 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 1 dia

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
42/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript
Domínio
frontend

Direção de pesquisa

Comece com a reprodução vinculada do StackBlitz em src/main.ts e verifique o comportamento no Chrome: abra o diálogo nativo e, em seguida, teste MatMenu e DatePicker. Rastreie como esses popups do Material são posicionados em relação à top layer do diálogo nativo e confirme que os eventos de clique e hover chegam aos componentes. Está concluído quando ambos os componentes respondem aos eventos do mouse enquanto o diálogo está aberto.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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
Linguagem predominante
TypeScript
Estrelas
25k
Forks
6.8k
Merge médio
1d 4h
PRs com merge (30d)
69

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de angular/components

Todas as issues de angular/components

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.