Browse Source

fix: allow drag-reorder of VideoStitch thumbnails

Add nodrag class to thumbnail items so React Flow doesn't capture
drag events, allowing the HTML drag-and-drop reorder to work.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 5 months ago
parent
commit
64d6471be7
  1. 2
      src/components/nodes/VideoStitchNode.tsx

2
src/components/nodes/VideoStitchNode.tsx

@ -408,7 +408,7 @@ export function VideoStitchNode({ id, data, selected }: NodeProps<VideoStitchNod
onDragStart={(e) => handleDragStart(e, clip.edgeId)}
onDragOver={handleDragOver}
onDrop={(e) => handleDrop(e, clip.edgeId)}
className="relative w-full aspect-video bg-neutral-800 border border-neutral-600 rounded cursor-move hover:border-neutral-500 transition-colors group"
className="nodrag relative w-full aspect-video bg-neutral-800 border border-neutral-600 rounded cursor-move hover:border-neutral-500 transition-colors group"
>
{thumbnail ? (
<img

Loading…
Cancel
Save