Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Seperate window cannot sync state with floating panel #458

Closed
sxcooler opened this issue Jun 18, 2024 · 7 comments · Fixed by #459
Closed

Seperate window cannot sync state with floating panel #458

sxcooler opened this issue Jun 18, 2024 · 7 comments · Fixed by #459
Labels
bug Something isn't working client scope: devtools client

Comments

@sxcooler
Copy link

sxcooler commented Jun 18, 2024

I created a new vue project following the Quick Start Guide using pnpm, js & vite.
When I opened a Chrome tab against http://localhost:5173/ , I found that the old devtools (chrome extension) is not working, instead, a new devtools shown as a float panel.
Here's the issue: I cancelled the tick on setting "Always show the floating panel" & closed the floating panel, and it never shown again, no matter I checked "Always show the floating panel" on or not ( in seperated tab of http://localhost:5173/__devtools__/)

image

image

I've tried refresh page / restart dev server / click "Reset Local Settings & State" button, but still, the floating panel doesn't show.

But the keyboard shortcut shift + alt + d is still working, it can recover the floating panel button.
Use browser's "clear site data" can recover floating panel button too.

vue: 3.4.27
vite: 5.2.13
vite-plugin-vue-devtools: 7.2.1
Chrome: 125.0.6422.142

@alexzhang1030
Copy link
Member

This is what the feature does exactly. If you disable Always Show the Floating Panel, you can only activate it using shortcuts.

Are you confused about the description?

@alexzhang1030 alexzhang1030 added the usage Usage issue/question label Jun 18, 2024
@sxcooler
Copy link
Author

sxcooler commented Jun 18, 2024

This is what the feature does exactly. If you disable Always Show the Floating Panel, you can only activate it using shortcuts.

Are you confused about the description?

I mean, when I check "Always show the floating panel" again, it doesn't show anyway, no matter I refresh page or restart dev server.

I updated the post to avoid miss expression.

我的意思是第一次取消以后,无论是否勾选,浮动面板都不会再出现,无论刷新页面还是重启开发服务器。
我更新了原帖,避免歧义。

@alexzhang1030
Copy link
Member

Untitled.mp4

Sorry, I cannot reproduce it, what's your devtools version && browser version?

@alexzhang1030 alexzhang1030 added need reproduction Reproduction is needed and removed usage Usage issue/question labels Jun 18, 2024
@sxcooler
Copy link
Author

Untitled.mp4
Sorry, I cannot reproduce it, what's your devtools version && browser version?

This is what exactly I said, u can't get this panel (or the button) shown again without using shortcut.

What I expect is, when I check this option on in seperate devtools window, the button would show, at least would show after refresh.

Vite-App.mp4

@alexzhang1030
Copy link
Member

alexzhang1030 commented Jun 18, 2024

I guess its a separate window issue, will take a look later

@alexzhang1030 alexzhang1030 added bug Something isn't working and removed need reproduction Reproduction is needed labels Jun 18, 2024
@alexzhang1030 alexzhang1030 changed the title Floating panel does not show again. Seperate window and overlay do not have synchronized states Jun 18, 2024
@alexzhang1030 alexzhang1030 changed the title Seperate window and overlay do not have synchronized states Seperate window cannot sync state with overlay Jun 18, 2024
@alexzhang1030 alexzhang1030 added the client scope: devtools client label Jun 18, 2024
@Azurewarth0920
Copy link
Collaborator

Can not reproduce with these steps. 🤔 #458 (comment)

The options are synchronized by localStorage internally.
It means, at least the state should be synchronized when refreshing the page.

@sxcooler
Can you clean your localStorage and try it again?

@sxcooler
Copy link
Author

Can not reproduce with these steps. 🤔 #458 (comment)

The options are synchronized by localStorage internally. It means, at least the state should be synchronized when refreshing the page.

@sxcooler Can you clean your localStorage and try it again?

I've already tried that, by using Chrome's DevTools - Application - Storage - Clear site data, this did re-open floating panel (with light theme)

image

@alexzhang1030 alexzhang1030 changed the title Seperate window cannot sync state with overlay Seperate window cannot sync state with floating panel Jun 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working client scope: devtools client
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants