fix: disable pointer events on overlay content div

- Change pointerEvents from 'auto' to 'none' on overlay inner div
- Prevents tooltip overlays from intercepting bead clicks
- foreignObject has pointer-events:none but inner div was overriding it
- Now clicks properly pass through overlays to underlying beads

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-24 10:46:17 -05:00
parent 944d922f52
commit b5db93562b

View File

@@ -1925,7 +1925,7 @@ export const AbacusReact: React.FC<AbacusConfig> = ({
}}
className={overlay.className}
>
<div style={{ position: 'relative', pointerEvents: 'auto' }}>
<div style={{ position: 'relative', pointerEvents: 'none' }}>
{overlay.content}
</div>
</foreignObject>