vuejs / vuejs/devtools

Vite plugin devtools not usable when a <dialog> is open

Open
#892 1 comment 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
279
PR merge metrics
No merged PRs in 30d

Description

We're using the

HTML element to implement modals in our application. However, since dialogs are rendered in the top layer (above the body), they appear above the DevTools UI. As a result, when a dialog is open, the DevTools become obscured or inaccessible.

Image

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in an application using the HTML

element and the Vite plugin, then inspect how the DevTools UI is mounted relative to the browser's top layer. Done means the DevTools remain accessible while a dialog is open; verify the behavior in a minimal reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vite
Domain
devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.