diff options
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 10 |
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 ? ( |