Stop mousedown event propagation in the Focuser (#10575)

replayio · Jun 18, 2024 · fdbddbf · fdbddbf
1 parent 7dcecab
commit fdbddbf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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}