fix(timeline): prevent page scroll while dragging (#143)

commaai · Jan 23, 2025 · d42a64a · d42a64a
1 parent 2d69bc4
commit d42a64a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
@@ -104,7 +104,7 @@ const Timeline: VoidComponent<TimelineProps> = (props) => {
   const [events] = createResource(route, getTimelineEvents)
   // TODO: align to first camera frame event
   const [markerOffsetPct, setMarkerOffsetPct] = createSignal(0)
-  const duration = createMemo(() => 
+  const duration = createMemo(() =>
     route()
       ? getRouteDuration(route()!)?.asSeconds() ?? 0
       : 0,
@@ -157,7 +157,7 @@ const Timeline: VoidComponent<TimelineProps> = (props) => {
     <div
       ref={ref!}
       class={clsx(
-        'relative isolate flex h-6 cursor-pointer self-stretch overflow-hidden rounded-sm bg-blue-900',
+        'relative isolate flex h-6 cursor-pointer touch-none self-stretch overflow-hidden rounded-sm bg-blue-900',
         'after:absolute after:inset-0 after:bg-gradient-to-b after:from-[rgba(0,0,0,0)] after:via-[rgba(0,0,0,0.1)] after:to-[rgba(0,0,0,0.2)]',
         props.class,
       )}