From 41657d4c1d3aa3afc4fdc15b4246ec9c4d09925f Mon Sep 17 00:00:00 2001
From: QP Hou <dave2008713@gmail.com>
Date: Wed, 22 Jan 2025 23:21:54 -0800
Subject: [PATCH] disable swipe up gesture detection in scrolled mode (#224)

---
 .../src/app/reader/hooks/useClickEvent.ts        | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/apps/readest-app/src/app/reader/hooks/useClickEvent.ts b/apps/readest-app/src/app/reader/hooks/useClickEvent.ts
index d855b772..c2159959 100644
--- a/apps/readest-app/src/app/reader/hooks/useClickEvent.ts
+++ b/apps/readest-app/src/app/reader/hooks/useClickEvent.ts
@@ -95,7 +95,8 @@ export const useTouchEvent = (
   bookKey: string,
   viewRef: React.MutableRefObject<FoliateView | null>,
 ) => {
-  const { hoveredBookKey, setHoveredBookKey } = useReaderStore();
+  const { hoveredBookKey, setHoveredBookKey, getViewSettings } = useReaderStore();
+  const viewSettings = getViewSettings(bookKey)!;
 
   let touchStart: IframeTouch | null = null;
   let touchEnd: IframeTouch | null = null;
@@ -155,10 +156,15 @@ export const useTouchEvent = (
   };
 
   useEffect(() => {
-    window.addEventListener('message', handleTouch);
-    return () => {
-      window.removeEventListener('message', handleTouch);
-    };
+    // swipe touch is not compatible with scrolled mode, so only enable it in page mode
+    if (!viewSettings!.scrolled) {
+      window.addEventListener('message', handleTouch);
+      return () => {
+        window.removeEventListener('message', handleTouch);
+      };
+    } else {
+      return () => {};
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [hoveredBookKey, viewRef]);
 };