Merge pull request #2275 from graphcommerce-org/fix/GCOM-1385

fix(GCOM-1385): fix bug where ScrollerThumbnail would scroll the page when on the second half of the gallery
graphcommerce-org · May 22, 2024 · 97c5393 · 97c5393
2 parents 7b311d3 + 29e496c
commit 97c5393
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/shaggy-gifts-sip.md b/.changeset/shaggy-gifts-sip.md
@@ -0,0 +1,5 @@
+---
+"@graphcommerce/framer-scroller": patch
+---
+
+Prevent ScrollerThumbnail from scrolling the page horizontally
diff --git a/packages/framer-scroller/components/ScrollerThumbnail.tsx b/packages/framer-scroller/components/ScrollerThumbnail.tsx
@@ -50,7 +50,7 @@ export function ScrollerThumbnail(props: ScrollerThumbnailProps) {
   const classes = withState({ active })
 
   const scrollIntoView = () =>
-    ref.current?.scrollIntoView({ block: 'nearest', inline: 'center', behavior: 'auto' })
+    ref.current?.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'auto' })
 
   useEffect(() => {
     if (active && ref.current) {