vuejs / vuejs/devtools

(Vite plugin) How to show the floating panel after unchecking "Always show the floating panel"?

Open
#545 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Hello, I am using the devtools as vite plugin. I tried unchecking the "Always show the floating panel" option in Settings page and close the panel. The panel is hidden as expected. There's no extra elements in the page that I can interact with the devtools. But I cannot find a easy way to make it show again. And I didn't find any documents about this. I also tried to call __VUE_DEVTOOLS_TOGGLE_OVERLAY__(true) but it doesn't work. Finally I edited the localstorage to revert the setting.

I'd like to know what's the proper way to make the floating panel to show again? Thank you.

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

Start by reproducing the Vite-plugin setup described in the issue, then inspect the existing DevTools settings and floating-panel documentation. Determine the supported way to reopen the panel after disabling “Always show the floating panel,” document that workflow, and verify it in a Vite-plugin application.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vite
Domain
devtools, documentation
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.