Disable vertical scrolling when dragging across the timeline

commaai · Jan 22, 2025 · 4eb2760 · 4eb2760
1 parent 2d69bc4
commit 4eb2760
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
@@ -164,10 +164,18 @@ const Timeline: VoidComponent<TimelineProps> = (props) => {
       title="Disengaged"
       onMouseDown={onMouseDownOrTouchStart}
       onTouchStart={(ev) => {
-        handledTouchStart = false
-        onMouseDownOrTouchStart(ev)
+        if (ev.touches.length === 1) {
+          handledTouchStart = false
+          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()