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

Incorrect interaction with html dialog

Aberta
#369 3 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
48/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
html, react, typescript
Domínio
frontend

Direção de pesquisa

Comece com a reprodução mínima relatada: renderize

ao lado do TanStack Devtools e inspecione como o trigger e o painel são montados e sobrepostos. Está concluído quando um diálogo HTML aberto não impede mais que ambos os controles do Devtools recebam interações; a issue não especifica nenhum arquivo ou teste, então localize o ponto de entrada relevante a partir desta reprodução.

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

Descrição

TanStack Devtools version

v0.9.9

Framework/Library version

React 19.2.3

Describe the bug and the steps to reproduce it

Devtools does not interact well with Html's dialog element.

A dialog anywhere in the DOM will take precedence in the element stack, regardless of z-index. This means that when a dialog is open, both the trigger and panel of the devtools will become inaccessible.

Image
Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

Render a <dialog open>Something</dialog> in a page with devtools and devtools can no longer be interacted with.

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms & Code of Conduct
  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
Linguagem predominante
TypeScript
Estrelas
499
Forks
100
Merge médio
1d 17h
PRs com merge (30d)
4

Guia de contribuição

Abrir o guia de contribuição

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 TanStack/devtools

Todas as issues de TanStack/devtools

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.