From d42a64a08f2e24b040446af9415718422f42acd8 Mon Sep 17 00:00:00 2001
From: Cameron Clough <cameronjclough@gmail.com>
Date: Thu, 23 Jan 2025 01:27:05 +0000
Subject: [PATCH] fix(timeline): prevent page scroll while dragging (#143)

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

diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
index f79dc317..04079ead 100644
--- 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,
       )}