Browse Source

fix: show handles on all nodes including OutputNode

Use overflow-visible unconditionally on BaseNode outer wrapper so
handles are never clipped. Content clipping is already handled by each
node's content div (overflow-hidden/overflow-clip). Add rounded-lg to
OutputNode's content container for rounded corners on edge-to-edge media.

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

2
src/components/nodes/BaseNode.tsx

@ -74,7 +74,7 @@ export function BaseNode({
/>
<div
className={`
h-full w-full flex flex-col ${fullBleed ? "overflow-visible" : "overflow-clip"}
h-full w-full flex flex-col overflow-visible
${fullBleed ? "rounded-lg" : "bg-neutral-800 rounded-lg shadow-lg border"}
${fullBleed ? "" : (isCurrentlyExecuting || isExecuting ? "border-blue-500 ring-1 ring-blue-500/20" : "border-neutral-700/60")}
${fullBleed ? "" : (hasError ? "border-red-500" : "")}

2
src/components/nodes/OutputNode.tsx

@ -112,7 +112,7 @@ export function OutputNode({ id, data, selected }: NodeProps<OutputNodeType>) {
id={id}
selected={selected}
isExecuting={isRunning}
contentClassName="flex-1 min-h-0 overflow-clip relative"
contentClassName="flex-1 min-h-0 overflow-clip rounded-lg relative"
className="min-w-[200px]"
>
<Handle

Loading…
Cancel
Save