TanStack / TanStack/devtools

Incorrect interaction with html dialog

Ouverte
#369 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
TypeScript
Étoiles
499
Forks
100
Merge moyen
1 j 17 h
PR mergées (30 j)
4

Description

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.

Guide de contribution

Ouvrir le guide de contribution

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.

Piste de recherche

Commencez par la reproduction minimale signalée : rendez

à côté de TanStack Devtools et examinez comment le trigger et le panel sont montés et superposés. C’est terminé lorsqu’un dialogue HTML ouvert n’empêche plus les deux contrôles de Devtools de recevoir des interactions ; l’issue ne mentionne aucun fichier ni test spécifique, localisez donc le point d’entrée pertinent à partir de cette reproduction.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

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

Recevez les nouvelles issues par e-mail

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