Standalone Devtools splash page unresponsive after client disconnects

[gabrieltrompiz]

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]

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]

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

[gabrieltrompiz]

Sure thing, will do!

[bvaughn]

Closed via #22560