fix(autoplay): fix pauseOnPointerEnter if hovered during transition

fixes #7107
nolimits4web · Oct 18, 2023 · 5080d95 · 5080d95
1 parent 8bef84d
commit 5080d95
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/modules/autoplay/autoplay.mjs b/src/modules/autoplay/autoplay.mjs
@@ -32,11 +32,15 @@ export default function Autoplay({ swiper, extendParams, on, emit, params }) {
   let touchStartTimeout;
   let slideChanged;
   let pausedByInteraction;
+  let pausedByPointerEnter;
 
   function onTransitionEnd(e) {
     if (!swiper || swiper.destroyed || !swiper.wrapperEl) return;
     if (e.target !== swiper.wrapperEl) return;
     swiper.wrapperEl.removeEventListener('transitionend', onTransitionEnd);
+    if (pausedByPointerEnter) {
+      return;
+    }
     resume();
   }
 
@@ -212,12 +216,14 @@ export default function Autoplay({ swiper, extendParams, on, emit, params }) {
   const onPointerEnter = (e) => {
     if (e.pointerType !== 'mouse') return;
     pausedByInteraction = true;
+    pausedByPointerEnter = true;
     if (swiper.animating || swiper.autoplay.paused) return;
     pause(true);
   };
 
   const onPointerLeave = (e) => {
     if (e.pointerType !== 'mouse') return;
+    pausedByPointerEnter = false;
     if (swiper.autoplay.paused) {
       resume();
     }