fix: items duplicate instead of moving t racks

1 files changed, 8 insertions, 2 deletions

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 50a64dbb..3823f096 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -64,7 +64,7 @@ export function Timeline() {
   const handleDragEnter = (e: React.DragEvent) => {

     // When something is dragged over the timeline, show overlay

     e.preventDefault();

-    // Don't show overlay for timeline clips or other internal drags

+    // Don't show overlay for timeline clips - they're handled by tracks

     if (e.dataTransfer.types.includes("application/x-timeline-clip")) {

       return;

     }

@@ -81,7 +81,7 @@ export function Timeline() {
   const handleDragLeave = (e: React.DragEvent) => {

     e.preventDefault();

 

-    // Don't update state for timeline clips

+    // Don't update state for timeline clips - they're handled by tracks

     if (e.dataTransfer.types.includes("application/x-timeline-clip")) {

       return;

     }

@@ -98,6 +98,12 @@ export function Timeline() {
     setIsDragOver(false);

     dragCounterRef.current = 0;

 

+    // Ignore timeline clip drags - they're handled by track-specific handlers

+    const hasTimelineClip = e.dataTransfer.types.includes("application/x-timeline-clip");

+    if (hasTimelineClip) {

+      return;

+    }

+

     const mediaItemData = e.dataTransfer.getData("application/x-media-item");

     if (mediaItemData) {

       // Handle media item drops by creating new tracks