fix: Component tree not loading in popup
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.3k
- Forks
- 214
- Avg merge
- 13h 22m
- Merged PRs (30d)
- 18
Description
🐛 The bug
Component tree loads just fine when it's in-app, and doesn't load in the popup picture-in-picture mode, probably losing connection with the app.
Popup doesn't work in stackblitz due to a limitation explained in this issue https://github.com/nuxt/devtools/issues/687, so below reproduction is a github for cloning and testing it in local dev environment.
In-app:
Popup:
- Browser - Chrome Version 126.0.6478.114 (Official Build) (arm64)
- Operating System:
Darwin - Node Version:
v20.14.0 - Nuxt Version:
3.12.3 - CLI Version:
3.12.0 - Nitro Version:
2.9.7 - Package Manager:
npm@10.7.0 - Builder:
- - User Config:
devtools,modules - Runtime Modules:
- - Build Modules:
-
🛠️ To reproduce
https://github.com/TechAkayy/nuxt-devtools-popup
🌈 Expected behavior
Popup should connect to the app and load component tree.
ℹ️ Additional context
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Clone and run the reproduction repository at https://github.com/TechAkayy/nuxt-devtools-popup, then compare the in-app and picture-in-picture behavior described in the issue. Trace how the popup connects to the app and verify that the component tree loads there without breaking the existing in-app view.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, typescript
- Domain
- developer-experience, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100