ForceGraph topology: map not filling container + scroll zoom broken

Resolved 💬 2 comments Opened Feb 9, 2026 by GibliX Closed Feb 9, 2026

Description

Two issues with the ForceGraph topology visualization in the Identities page:

1. Map not filling the entire container

The topology graph renders in a small area (top-left) of its container, leaving significant white space below and to the right. The graph should expand to fill the available container space.

2. Scroll wheel zoom not working

Zooming with the mouse scroll wheel does not work. The wheel event handler appears to be attached but has no effect.

Expected Behavior

  • Graph should fill the entire container height and width
  • Scroll wheel should zoom in/out on the graph

Current Behavior

  • Graph is compressed into a small area with lots of white space
  • Scroll wheel has no effect

Files Involved

  • web/src/components/common/ForceGraph.tsx
  • web/src/components/modules/Identities.tsx

Technical Details

  • Container uses h-full with parent having explicit height via calc(100vh - 200px)
  • ResizeObserver is used to detect container dimensions
  • Wheel event listener attached with { passive: false }
  • SVG dimensions set from ResizeObserver measurements

Attempted Fixes

  • Verified ResizeObserver is firing
  • Tried attaching wheel handler to container vs SVG
  • Tried adding immediate dimension measurement on mount
  • Restored code from multiple previous commits - issue persists

View original on GitHub ↗

This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗