Merge pull request #2504 from SUI-Components/fix/infiniteLopp-mobile

fix(components/molecule/carousel): fix infiniteLoop onTouchEnd event
SUI-Components · Jan 26, 2023 · 0e1c68f · 0e1c68f
2 parents 70a13a1 + d67a00c
commit 0e1c68f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/molecule/carousel/src/slidy.js b/components/molecule/carousel/src/slidy.js
@@ -185,13 +185,15 @@ export default function slidy(containerDOMEl, options) {
         (direction === true && index === items - 1)
 
       /**
-       * If the swipe is valid and we're not out of bounds
+       * If the swipe is valid and we're not out of bounds or is infiniteLoop
        * -> Slide to the direction
        * otherwise: go back to the previous slide with a linear animation
        */
-      isValid === true && isOutOfBounds === false
-        ? slide(direction)
-        : _translate(slideSpeed, LINEAR_ANIMATION)
+      if (isValid === true && (isOutOfBounds === false || infiniteLoop)) {
+        slide(direction)
+      } else {
+        _translate(slideSpeed, LINEAR_ANIMATION)
+      }
     }
 
     // reset variables with the initial values