Disable vertical scrolling when dragging across the timeline

commaai · Jan 22, 2025 · a4406ab · a4406ab
1 parent 2d69bc4
commit a4406ab
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
@@ -165,9 +165,17 @@ const Timeline: VoidComponent<TimelineProps> = (props) => {
       onMouseDown={onMouseDownOrTouchStart}
       onTouchStart={(ev) => {
         handledTouchStart = false
-        onMouseDownOrTouchStart(ev)
+        if (ev.touches.length === 1) {
+          document.querySelector('main')!.style.overflowY = 'hidden'
+          onMouseDownOrTouchStart(ev)
+        }
         handledTouchStart = true
       }}
+      onTouchEnd={(ev) => {
+        if (ev.touches.length === 0) {
+          document.querySelector('main')!.style.overflowY = ''
+        }
+      }}
       onTouchMove={(ev) => {
         if (ev.touches.length !== 1 || !route()) return
         const rect = ref.getBoundingClientRect()