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.tsxweb/src/components/modules/Identities.tsx
Technical Details
- Container uses
h-fullwith parent having explicit height viacalc(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
This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗