@obosbbl/grunnmuren-react 3.3.3 → 3.3.4

package/dist/index.mjs

@@ -1041,11 +1041,17 @@ const Carousel = ({ className, children, onChange, ...rest })=>{
         }
         isScrollingProgrammatically.current = true;
         const elementWithFocusVisible = carouselRef.current?.querySelector(':focus-visible');
-        carouselItemsRef.current.children[scrollTargetIndex]?.scrollIntoView({
-            behavior: prefersReducedMotion ? 'instant' : 'smooth',
-            inline: 'start',
-            block: 'nearest'
-        });
+        const targetElement = carouselItemsRef.current.children[scrollTargetIndex];
+        if (targetElement) {
+            // Calculate the scroll position to scroll the target element into view
+            const containerRect = carouselItemsRef.current.getBoundingClientRect();
+            const targetRect = targetElement.getBoundingClientRect();
+            const scrollLeft = carouselItemsRef.current.scrollLeft + (targetRect.left - containerRect.left);
+            carouselItemsRef.current.scrollTo({
+                left: Math.round(scrollLeft),
+                behavior: prefersReducedMotion ? 'instant' : 'smooth'
+            });
+        }
         if (prevIndex.current !== scrollTargetIndex && onChange) {
             onChange({
                 index: scrollTargetIndex,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "description": "Grunnmuren components in React",
   "repository": {
     "url": "https://github.com/code-obos/grunnmuren"