From 5d02169d63a6d94b2c56db114dee08aa43494ebc Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Tue, 1 Jul 2025 19:48:00 +0200
Subject: [PATCH] fix: deselect clips by clicking outside of track

---
 apps/web/src/components/editor/timeline.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx
index 3f984f9..e9f44e6 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 ? (