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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user