From 963cd55b3701eaaca349cc46700ba236687c4ad9 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 4 Jul 2025 03:35:33 +0200
Subject: [PATCH] Allow auto scrolling with static reader overlay

---
 src/modules/reader/components/viewer/ReaderViewer.tsx | 5 ++++-
 src/modules/reader/hooks/useReaderAutoScroll.ts       | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/modules/reader/components/viewer/ReaderViewer.tsx b/src/modules/reader/components/viewer/ReaderViewer.tsx
index 1d03b493..b462e127 100644
--- a/src/modules/reader/components/viewer/ReaderViewer.tsx
+++ b/src/modules/reader/components/viewer/ReaderViewer.tsx
@@ -103,6 +103,7 @@ const BaseReaderViewer = forwardRef(
             pageGap,
             customFilter,
             shouldStretchPage,
+            isStaticNav,
             readerNavBarWidth,
             setScrollbarXSize,
             setScrollbarYSize,
@@ -144,6 +145,7 @@ const BaseReaderViewer = forwardRef(
                 | 'pageGap'
                 | 'customFilter'
                 | 'shouldStretchPage'
+                | 'isStaticNav'
             > &
             Pick<TReaderScrollbarContext, 'setScrollbarXSize' | 'setScrollbarYSize'> &
             Pick<NavbarContextType, 'readerNavBarWidth'> &
@@ -282,7 +284,7 @@ const BaseReaderViewer = forwardRef(
             setShowPreview,
             scrollElementRef,
         );
-        useReaderAutoScroll(isOverlayVisible, automaticScrolling);
+        useReaderAutoScroll(isOverlayVisible, automaticScrolling, isStaticNav);
         useReaderPreserveScrollPosition(
             scrollElementRef,
             currentChapter?.id,
@@ -479,6 +481,7 @@ export const ReaderViewer = withPropsFrom(
         'pageGap',
         'customFilter',
         'shouldStretchPage',
+        'isStaticNav',
         'readerNavBarWidth',
         'transitionPageMode',
         'setScrollbarXSize',
diff --git a/src/modules/reader/hooks/useReaderAutoScroll.ts b/src/modules/reader/hooks/useReaderAutoScroll.ts
index 3bef081a..a65f2030 100644
--- a/src/modules/reader/hooks/useReaderAutoScroll.ts
+++ b/src/modules/reader/hooks/useReaderAutoScroll.ts
@@ -8,17 +8,19 @@
 
 import { useEffect } from 'react';
 import { useAutomaticScrolling } from '@/modules/core/hooks/useAutomaticScrolling.ts';
+import { IReaderSettings } from '@/modules/reader/types/Reader.types.ts';
 
 export const useReaderAutoScroll = (
     isOverlayVisible: boolean,
     automaticScrolling: ReturnType<typeof useAutomaticScrolling>,
+    isStaticNav: IReaderSettings['isStaticNav'],
 ): void => {
     useEffect(() => {
-        if (isOverlayVisible) {
+        if (isOverlayVisible && !isStaticNav) {
             automaticScrolling.pause();
             return;
         }
 
         automaticScrolling.resume();
-    }, [isOverlayVisible, automaticScrolling.isPaused]);
+    }, [isOverlayVisible, automaticScrolling.isPaused, isStaticNav]);
 };