chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: make branch hover scrim non-interactive so cards remain clickable

Browse Source 
Scrim now uses pointer-events-none — it dims visually but clicks pass
through to the cards beneath. Dismissal relies on onMouseLeave on the
wrapper div, which fires when the mouse leaves the card area.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-24 23:35:02 +00:00
parent b96f4a42bb
commit db43dfa08e
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/session/BranchNode.tsx
View File

@@ -97,11 +97,8 @@ export function BranchNode({ branch, depth, isActive, onClick }: BranchNodeProps
{/* Expanded card — floats directly on top of the base card */} {/* Expanded card — floats directly on top of the base card */}
{showExpanded && ( {showExpanded && (
<> <>
{/* Scrim behind to dim everything — dismisses on mouse enter */} {/* Visual dim — pointer-events-none so clicks pass through to cards */}
<div <div className="fixed inset-0 z-40 bg-black/30 pointer-events-none" />
className="fixed inset-0 z-40 bg-black/30"
onMouseEnter={() => setIsHovered(false)}
/>
{/* Expanded card positioned over the original */} {/* Expanded card positioned over the original */}
<div <div