fix: deselect clips by clicking outside of track

1 files changed, 9 insertions, 1 deletions

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 3f984f92..e9f44e64 100644
--- a/apps/web/src/components/editor/timeline.tsx
+++ b/apps/web/src/components/editor/timeline.tsx
@@ -188,6 +188,14 @@ export function Timeline() {
     }
   };
 
+  // Add new click handler for deselection
+  const handleTimelineClick = (e: React.MouseEvent) => {
+    // If clicking empty area (not on a clip) and not starting marquee, deselect all clips
+    if (!(e.target as HTMLElement).closest(".timeline-clip")) {
+      clearSelectedClips();
+    }
+  };
+
   // Mouse move to update marquee
   useEffect(() => {
     if (!marquee || !marquee.active) return;
@@ -1068,7 +1076,7 @@ export function Timeline() {
                   height: `${Math.max(200, Math.min(800, tracks.length * 60))}px`,
                   width: `${dynamicTimelineWidth}px`,
                 }}
-                onClick={handleTimelineMouseDown}
+                onClick={handleTimelineClick}
                 onMouseDown={handleTimelineMouseDown}
               >
                 {tracks.length === 0 ? (