Standalone Devtools splash page unresponsive after client disconnects

4
closed
gabrieltrompiz
gabrieltrompiz
Posted 1 month ago

Standalone Devtools splash page unresponsive after client disconnects #22558

Website or app

Any client that connects to the standalone DevTools

Repro steps

While using the standalone DevTools app:

  1. Connect a client to the DevTools
  2. Disconnect that client and you should be redirected to the introduction page

The event listeners are not re-attached to the splash page elements after the client disconnects. The <script> tags that can be copied on click and the "Profiler tab" link stop working.

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

No response

Error component stack (automated)

No response

GitHub query string (automated)

No response

gabrieltrompiz
gabrieltrompiz

I was thinking about two ways to fix this issue: set a MutationObserver to re-attach the listeners when the contents of the root node are changed, or add a onShutdown callback to the DevToolsUI in the core of the standalone version and re-attach the listeners on that callback.

bvaughn
bvaughn
Created 1 month ago

Nice find! If you'd be interested in submitting a proposal (PR) I'd be happy to review and discuss.

gabrieltrompiz
gabrieltrompiz

Sure thing, will do!

bvaughn
bvaughn
Created 1 month ago

Closed via #22560