fix(core): fix cssMode animation in Safari 14

fixes #4925
nolimits4web · Sep 8, 2021 · 7fd04fe · 7fd04fe
1 parent e80925e
commit 7fd04fe
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/shared/utils.js b/src/shared/utils.js
@@ -163,12 +163,21 @@ function animateCSSModeScroll({ swiper, targetPosition, side }) {
     const easeProgress = 0.5 - Math.cos(progress * Math.PI) / 2;
     let currentPosition = startPosition + easeProgress * (targetPosition - startPosition);
 
-    if (isOutOfBound(currentPosition, targetPosition)) currentPosition = targetPosition;
+    if (isOutOfBound(currentPosition, targetPosition)) {
+      currentPosition = targetPosition;
+    }
     swiper.wrapperEl.scrollTo({
       [side]: currentPosition,
     });
     if (isOutOfBound(currentPosition, targetPosition)) {
+      swiper.wrapperEl.style.overflow = 'hidden';
       swiper.wrapperEl.style.scrollSnapType = '';
+      setTimeout(() => {
+        swiper.wrapperEl.style.overflow = '';
+        swiper.wrapperEl.scrollTo({
+          [side]: currentPosition,
+        });
+      });
       window.cancelAnimationFrame(swiper.cssModeFrameID);
       return;
     }