fix: scrollbar on thumbnails

2025-02-16 21:22:49 +01:00
parent 9cca472953
commit 18a3bc1d5b
1 changed files with 12 additions and 2 deletions
--- a/src/components/reader/components/NavigationBar.tsx
+++ b/src/components/reader/components/NavigationBar.tsx
@@ -22,11 +22,21 @@ export const NavigationBar = ({
    currentPage,
  });

+  // Scroll à l'ouverture des contrôles et au changement de page
  useEffect(() => {
    if (showControls) {
-      scrollToActiveThumbnail();
+      requestAnimationFrame(() => {
+        const thumbnail = document.getElementById(`thumbnail-${currentPage}`);
+        if (thumbnail) {
+          thumbnail.scrollIntoView({
+            behavior: showControls ? "instant" : "smooth",
+            block: "nearest",
+            inline: "center",
+          });
+        }
+      });
    }
-  }, [showControls, currentPage, scrollToActiveThumbnail]);
+  }, [showControls, currentPage]);

  return (
    <div