search

vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Highlight within HTMLDialogElement #2027

Open scramlo opened 1 year ago

scramlo commented 1 year ago

Vue devtools version

6.5.0

Link to minimal reproduction

https://codepen.io/scramlo/pen/mdjgdgR

Steps to reproduce & screenshots

  1. Follow link: https://codepen.io/scramlo/pen/mdjgdgR
  2. Open Vue Dev Tools
  3. Use component selector tree to select <ChildComponent>

What is expected?

I expect to see component highlighting within the HTMLDialogElement.

What is actually happening?

The highlighting is hidden behind HTMLDialogElement. This can be tested by changing the dialog element to 30% opacity.

System Info

CodePen on Brave Version 1.47.186 Chromium: 109.0.5414.19 (Official Build (arm64)

Any additional comments?

No response

off-border commented 1 year ago

same thing.

a repo with minimal reproduction:

https://github.com/off-border/vue-devtools-dialog-inspect-bug