Fix android/chrome seeking on previews (#10512)

web/src/views/events/EventView.tsx

@@ -616,6 +616,8 @@ function MotionReview({
     [selectedRangeIdx, timeRangeSegments],
   );
 
+  const [scrubbing, setScrubbing] = useState(false);
+
   // move to next clip
 
   useEffect(() => {
@@ -670,6 +672,7 @@ function MotionReview({
                 timeRange={currentTimeRange}
                 startTime={startTime}
                 cameraPreviews={relevantPreviews || []}
+                isScrubbing={scrubbing}
                 onControllerReady={(controller) => {
                   videoPlayersRef.current[camera.name] = controller;
                 }}
@@ -694,6 +697,7 @@ function MotionReview({
           motion_events={motionData ?? []}
           severityType="significant_motion"
           contentRef={contentRef}
+          onHandlebarDraggingChange={(scrubbing) => setScrubbing(scrubbing)}
         />
       </div>
     </>

web/src/views/events/RecordingView.tsx

@@ -192,7 +192,7 @@ export function RecordingView({
   const grow = useMemo(() => {
     if (mainCameraAspect == "wide") {
       return "w-full aspect-wide";
-    } else if (mainCameraAspect == "tall") {
+    } else if (isDesktop && mainCameraAspect == "tall") {
       return "h-full aspect-tall";
     } else {
       return "w-full aspect-video";
@@ -288,6 +288,7 @@ export function RecordingView({
                           timeRange={currentTimeRange}
                           cameraPreviews={allPreviews ?? []}
                           startTime={startTime}
+                          isScrubbing={scrubbing}
                           onControllerReady={(controller) => {
                             previewRefs.current[cam] = controller;
                             controller.scrubToTimestamp(startTime);