fix: carousel centered

coingaming · Nov 25, 2020 · c1978ba · c1978ba
1 parent 25f3dca
commit c1978ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/packages/components/src/carousel/Carousel.tsx b/packages/components/src/carousel/Carousel.tsx
@@ -25,7 +25,6 @@ const currentScrollingSpec = `@supports (scroll-snap-align: start)`;
 const CarouselWrapper = styled.div<any>({
   position: 'relative',
   width: '100%',
-  // overflowX: 'auto',
 });
 
 /**

diff --git a/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts b/packages/components/src/withHorizontalScroll/withHorizontalScroll.ts
@@ -26,8 +26,8 @@ const findFirstVisibleIndex = (childRefs: any[]): any => {
 const scrollToIndex = (itemRef: HTMLElement, scrollIntoViewSmoothly: any) => {
   if (itemRef) {
     scrollIntoViewSmoothly(itemRef, {
-      block: 'center',
-      inline: 'center',
+      block: 'nearest',
+      inline: 'nearest',
       behavior: 'smooth',
     });
   }