René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Incorrect interaction with html dialog","articleBody":"### TanStack Devtools version\n\nv0.9.9\n\n### Framework/Library version\n\nReact 19.2.3\n\n### Describe the bug and the steps to reproduce it\n\nDevtools does not interact well with Html's [dialog](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog) element.\n\nA `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.\n\n\u003cimg width=\"767\" height=\"679\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/78737dbf-5a6e-43e6-a131-f0fc092b5140\" />\n\n### Your Minimal, Reproducible Example - (Sandbox Highly Recommended)\n\nRender a `\u003cdialog open>Something\u003c/dialog>` in a page with devtools and devtools can no longer be interacted with.\n\n### Screenshots or Videos (Optional)\n\n_No response_\n\n### Do you intend to try to help solve this bug with your own PR?\n\nNo, because I do not know how\n\n### Terms & Code of Conduct\n\n- [x] I agree to follow this project's Code of Conduct\n- [x] 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.","author":{"url":"https://github.com/andresdsep","@type":"Person","name":"andresdsep"},"datePublished":"2026-03-05T05:13:44Z","url":"https://github.com/TanStack/devtools/issues/369"}