Skip to content

[Feature request] Inspector auto-opens when using Chrome Vue DevTools and vite-plugin-vue-devtools together #1004

@SidStraw

Description

@SidStraw

Problem Description

When developing a frontend project with both Chrome Vue DevTools and vite-plugin-vue-devtools installed, selecting a component using Chrome Vue DevTools’ “Select component in the page” or inspecting a component triggers the following issues:

  • vite-plugin-vue-devtools automatically opens its Inspector panel, causing interference.
  • It is not possible to fully disable or prevent the in-page Inspector overlay from vite-plugin-vue-devtools.
  • The overlay negatively affects the page interaction experience.

Expected Behavior

  • When used together with Chrome Vue DevTools, each Inspector should operate independently without triggering the other.
  • Provide configuration options to completely disable the in-page Inspector overlay from vite-plugin-vue-devtools.

Additional Notes

The overlay UI displayed on top of the page significantly affects interactions.
When testing mobile layouts, this popup may take up a large portion of the screen, and closing the devtools panel might also close the popup unintentionally.

2025-11-13.PM.7.41.56.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions