Disconnect no longer detected on reload of inspected page when using /__devtools__/
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 279
- PR merge metrics
- No merged PRs in 30d
Description
Somewhere between version 3.2.0 and 3.3.0, devtools stopped trying to reconnect when the inspected page reloads. It appears functional, but most buttons etc. break when trying to interact, as there's no longer an actual session connected.
I've added a minimal demonstration using CodeSandbox, based on the vue-vite template: https://codesandbox.io/p/devbox/divine-hill-38sgyk
Reproduce:
- Open the main page in a new tab, not in the code-sandbox built-in preview.
- Wait 5 seconds for devtools to open as pop-up/window (code in
App.vue) - Reload preview tab (not devtools)
Expected:
- devtools disconnects and reconnects.
Actual:
- devtools doesn't disconnect, preview creates new devtools window.
Contributor guide
No contributing guide indexed for this repository
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
Start by reproducing the issue with the linked CodeSandbox: open the main page outside the preview, let devtools open, and reload the preview tab. Trace the inspected-page disconnect and reconnect behavior during reload. Done means the devtools window disconnects and reconnects to the new page session, with its controls working afterward.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- devtools
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100