Skip to content

fix(client): avoid toggling panel in extension inspect flow - #1126

Open
SidStraw wants to merge 1 commit into
vuejs:mainfrom
SidStraw:fix/1004-chrome-inspect-panel
Open

fix(client): avoid toggling panel in extension inspect flow#1126
SidStraw wants to merge 1 commit into
vuejs:mainfrom
SidStraw:fix/1004-chrome-inspect-panel

Conversation

@SidStraw

@SidStraw SidStraw commented Aug 26, 2026

Copy link
Copy Markdown

Description

When using browser extension DevTools, starting the component inspector from the panel also toggles the Vite overlay panel on the page, so the two inspectors interfere with each other (#1004).

The client's component inspect handlers unconditionally emit the toggle-panel RPC. That RPC exists to minimize the overlay while inspecting a component (#119), which only makes sense when the devtools UI lives on the page — not when triggered from a separate extension panel.

This PR skips the emit when running in a browser extension panel, using the existing isInChromePanel env flag:

  • Extension panels: emit skipped — no more unexpected overlay toggling
  • In-page devtools (Vite overlay): unchanged — minimize-on-inspect still works

fixes #1004

Validation

  • pnpm lint
  • pnpm type-check
  • pnpm test (85/85)
  • Manually verified in Chrome: inspecting from the extension panel no longer opens the Vite overlay
Recording.2026-08-26.at.18-48-56.mp4

@netlify

netlify Bot commented Aug 26, 2026

Copy link
Copy Markdown

Deploy Preview for vue-devtools-docs canceled.

Name Link
🔨 Latest commit c66ea1e
🔍 Latest deploy log https://app.netlify.com/projects/vue-devtools-docs/deploys/6a8fa85cf81c5c000850b0f3

@SidStraw
SidStraw force-pushed the fix/1004-chrome-inspect-panel branch from f022f75 to 8686d2b Compare August 26, 2026 11:13
The toggle-panel RPC minimizes the Vite overlay while inspecting a
component, which only makes sense when the devtools UI lives on the
page. Emitting it from browser extension panels (Chrome/Firefox)
toggles the page's overlay unexpectedly (vuejs#1004).

Skip the emit when running in an extension panel.
@SidStraw
SidStraw force-pushed the fix/1004-chrome-inspect-panel branch from 55ead8a to c66ea1e Compare August 27, 2026 03:00
@SidStraw SidStraw changed the title fix(client): avoid toggling panel in Chrome inspect flow fix(client): avoid toggling panel in extension inspect flow Aug 27, 2026
@SidStraw
SidStraw marked this pull request as ready for review August 27, 2026 03:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

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

2 participants