fix(element): don't reinit nested swipers rearranged by parent swiper…

… loop fixes #6642
nolimits4web · May 8, 2023 · 926828a · 926828a
1 parent aa83a03
commit 926828a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/core/loop/loopFix.js b/src/core/loop/loopFix.js
@@ -80,12 +80,16 @@ export default function loopFix({
 
   if (isPrev) {
     prependSlidesIndexes.forEach((index) => {
+      swiper.slides[index].swiperLoopMoveDOM = true;
       slidesEl.prepend(swiper.slides[index]);
+      swiper.slides[index].swiperLoopMoveDOM = false;
     });
   }
   if (isNext) {
     appendSlidesIndexes.forEach((index) => {
+      swiper.slides[index].swiperLoopMoveDOM = true;
       slidesEl.append(swiper.slides[index]);
+      swiper.slides[index].swiperLoopMoveDOM = false;
     });
   }
 

diff --git a/src/element/swiper-element.js b/src/element/swiper-element.js
@@ -136,6 +136,14 @@ class SwiperContainer extends ClassToExtend {
   }
 
   connectedCallback() {
+    if (
+      this.initialized &&
+      this.nested &&
+      this.closest('swiper-slide') &&
+      this.closest('swiper-slide').swiperLoopMoveDOM
+    ) {
+      return;
+    }
     if (this.init === false || this.getAttribute('init') === 'false') {
       addGlobalStyles(true, this);
       return;
@@ -144,6 +152,13 @@ class SwiperContainer extends ClassToExtend {
   }
 
   disconnectedCallback() {
+    if (
+      this.nested &&
+      this.closest('swiper-slide') &&
+      this.closest('swiper-slide').swiperLoopMoveDOM
+    ) {
+      return;
+    }
     if (this.swiper && this.swiper.destroy) {
       this.swiper.destroy();
     }