From 6ecc15fa25c808922a58f07377add25b55d9ac90 Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Tue, 15 Sep 2026 00:12:22 -0700
Subject: [PATCH] fix(mobile): restrict row highlighting to pointer input
 (#11863)

---
 apps/mobile/src/components/RowPressable.tsx | 4 ++--
 apps/mobile/src/lib/useHoverGesture.ts      | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/mobile/src/components/RowPressable.tsx b/apps/mobile/src/components/RowPressable.tsx
index 17f3d06599d1d6c75c2719546e8e66c67be3fa59..bd52fbe74f11fd6029d84aaf82145fb94da9588e 100644
--- a/apps/mobile/src/components/RowPressable.tsx
+++ b/apps/mobile/src/components/RowPressable.tsx
@@ -5,7 +5,7 @@ import { GestureDetector } from "react-native-gesture-handler";
 import { cn } from "../lib/cn";
 import { useHoverGesture } from "../lib/useHoverGesture";
 
-/** Shared row feedback, layered over the background so selection stays visible. */
+/** Pointer feedback layered over selection. Touch-down may be the start of a scroll. */
 export function RowPressable({
   children,
   className,
@@ -24,7 +24,7 @@ export function RowPressable({
             <View
               pointerEvents="none"
               className={cn("absolute inset-0", interactionClassName)}
-              style={{ opacity: props.disabled ? 0 : pressed ? 0.2 : hovered ? 0.1 : 0 }}
+              style={{ opacity: props.disabled || !hovered ? 0 : pressed ? 0.2 : 0.1 }}
             />
             {children}
           </>
diff --git a/apps/mobile/src/lib/useHoverGesture.ts b/apps/mobile/src/lib/useHoverGesture.ts
index f06e4dd54ad83b244c4cf142de809ff92d36f969..8be525c1b3c32c842d9de3320c3933a4942bbd3a 100644
--- a/apps/mobile/src/lib/useHoverGesture.ts
+++ b/apps/mobile/src/lib/useHoverGesture.ts
@@ -1,5 +1,5 @@
 import { useMemo, useState } from "react";
-import { Gesture } from "react-native-gesture-handler";
+import { Gesture, PointerType } from "react-native-gesture-handler";
 
 /** Uses native hover recognition without React Native's optional pointer-event flags. */
 export function useHoverGesture(disabled = false) {
@@ -12,8 +12,10 @@ export function useHoverGesture(disabled = false) {
         // Observe hover without competing with row taps, scrolling, or swipe actions.
         .cancelsTouchesInView(false)
         .runOnJS(true)
-        .onBegin(() => {
-          setHovered(true);
+        .onBegin((event) => {
+          setHovered(
+            event.pointerType === PointerType.MOUSE || event.pointerType === PointerType.STYLUS,
+          );
         })
         .onFinalize(() => {
           setHovered(false);
-- 
2.54.0