feat(free-mode): stop scrolling when touch event happens in freeMode

fixes #4616
nolimits4web · Jan 28, 2022 · 80958d5 · 80958d5
1 parent aea56ed
commit 80958d5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/core/events/onTouchStart.js b/src/core/events/onTouchStart.js
@@ -126,5 +126,14 @@ export default function onTouchStart(event) {
       e.preventDefault();
     }
   }
+  if (
+    swiper.params.freeMode &&
+    swiper.params.freeMode.enabled &&
+    swiper.freeMode &&
+    swiper.animating &&
+    !params.cssMode
+  ) {
+    swiper.freeMode.onTouchStart();
+  }
   swiper.emit('touchStart', e);
 }
diff --git a/src/modules/free-mode/free-mode.js b/src/modules/free-mode/free-mode.js
@@ -14,6 +14,14 @@ export default function freeMode({ swiper, extendParams, emit, once }) {
     },
   });
 
+  function onTouchStart() {
+    const translate = swiper.getTranslate();
+    swiper.setTranslate(translate);
+    swiper.setTransition(0);
+    swiper.touchEventsData.velocities.length = 0;
+    swiper.freeMode.onTouchEnd({ currentPos: swiper.rtl ? swiper.translate : -swiper.translate });
+  }
+
   function onTouchMove() {
     const { touchEventsData: data, touches } = swiper;
     // Velocity
@@ -213,6 +221,7 @@ export default function freeMode({ swiper, extendParams, emit, once }) {
 
   Object.assign(swiper, {
     freeMode: {
+      onTouchStart,
       onTouchMove,
       onTouchEnd,
     },