From 90d39664930ed5f1b1cd27a402a71835abe1c11e Mon Sep 17 00:00:00 2001
From: Holger Benl <hbenl@evandor.de>
Date: Tue, 18 Jun 2024 17:00:28 +0200
Subject: [PATCH] Stop mousedown event propagation in the Focuser

---
 src/ui/components/Timeline/Focuser.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/components/Timeline/Focuser.tsx b/src/ui/components/Timeline/Focuser.tsx
index 6bb6688d88e..3b1d7494bc9 100644
--- a/src/ui/components/Timeline/Focuser.tsx
+++ b/src/ui/components/Timeline/Focuser.tsx
@@ -14,7 +14,7 @@ import { getPositionFromTime, getTimeFromPosition } from "ui/utils/timeline";
 
 import { EditMode } from "./Timeline";
 
-function stopEvent(event: MouseEvent) {
+function stopEvent(event: MouseEvent | React.MouseEvent) {
   event.preventDefault();
   event.stopPropagation();
 }
@@ -206,7 +206,7 @@ function Focuser({ editMode, setEditMode }: Props) {
   const right = getPositionFromTime(focusWindow.end, zoomRegion);
 
   return (
-    <div className="relative top-0 left-0 h-full w-full" ref={containerRef}>
+    <div className="relative top-0 left-0 h-full w-full" onMouseDown={stopEvent} ref={containerRef}>
       <div
         className="group absolute h-full"
         ref={draggableAreaRef}