Investigate and document deck.gl/viv scatterplot popout event handling breakage

[Copilot]

Deck.gl and Viv scatterplots break when popped out: DeckScatterComponent loses scroll-zoom (panning still works, axes update but canvas framebuffer shows stale content); VivScatterComponent renders correctly on first pop but then stops responding to interaction and settings changes.

Investigation findings

Deep-dive into deck.gl 9.1.11, mjolnir.js 3.0.0, and deckMonkeypatch.ts source to understand the event registration lifecycle across document moves:

• rebindMouseEvents is structurally sound — viewManager._rebuildViewports() exists as a private method in 9.1.11 and is callable at runtime; Object.seal() in ViewManager's constructor allows mutating existing properties (_eventManager, controllers); the call chain through _createController → controller.setProps() → toggleEvents(['wheel'], true) → WheelInput.enableEventType is correct
• Window-level pointer events are handled correctly — Hammer.js PointerEventInput registers pointermove/pointerup/pointercancel via getWindowForElement(element) which uses element.ownerDocument.defaultView, correctly resolving to the popup window after DOM move
• WheelInput is element-level — registered directly via element.addEventListener('wheel', ...), so it survives document moves

Unresolved

The exact timing/lifecycle bug was not isolated before the session ended. Most likely candidates:

• Race condition between the useEffect([outerContainer]) firing and deck.gl's async WebGL init (deck.gl creates eventManager inside _setDevice, which is called from animationLoop.onInitialize — asynchronously after Deck construction; deck.eventManager may be null at first-effect time, causing early return, but this should be benign)
• A subsequent internal _rebuildViewports() call triggered by a React re-render after the monkeypatch replaces controllers before wheel event subscriptions are established
• Something specific to how the @deck.gl/react DeckGL component exposes .deck via ref and whether deck.eventManager is set at the time rebindMouseEvents is called on popout

The relevant code is src/lib/deckMonkeypatch.ts (rebindMouseEvents), src/react/components/DeckScatterComponent.tsx (the useEffect([outerContainer])), and src/react/components/avivatorish/MDVivViewer.tsx (componentDidUpdate).

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• cdn.jsdelivr.net
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• pkg.pr.new
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/_temp/ghcca-node/node/bin/npm install ./src/table/css/slickgrid.css ./src/charts/css/charts.css (dns block)
• unpkg.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[netlify]

✅ Deploy Preview for mdv-dev ready!

Name	Link
🔨 Latest commit	5f716c5
🔍 Latest deploy log	https://app.netlify.com/projects/mdv-dev/deploys/69ce46e535adad0008912968
😎 Deploy Preview	https://deploy-preview-398--mdv-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.