Browse Source

fix: add z-index to OutputNode handles so they paint above content

The content div's `relative` positioning creates a stacking context that
paints over the handles. Adding zIndex: 10 matches the pattern used by
GenerateImageNode and GenerateVideoNode.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 4 months ago
parent
commit
e781060163
  1. 3
      src/components/nodes/OutputNode.tsx

3
src/components/nodes/OutputNode.tsx

@ -120,13 +120,14 @@ export function OutputNode({ id, data, selected }: NodeProps<OutputNodeType>) {
position={Position.Left} position={Position.Left}
id="image" id="image"
data-handletype="image" data-handletype="image"
style={{ zIndex: 10 }}
/> />
<Handle <Handle
type="target" type="target"
position={Position.Left} position={Position.Left}
id="audio" id="audio"
data-handletype="audio" data-handletype="audio"
style={{ top: "60%", background: "rgb(167, 139, 250)" }} style={{ top: "60%", background: "rgb(167, 139, 250)", zIndex: 10 }}
/> />
{contentSrc ? ( {contentSrc ? (

Loading…
Cancel
Save