fix(core): reset slides size when slidesPerView switches to auto

fixes #4881
nolimits4web · Aug 30, 2021 · 2c8784b · manuelmeister · Nov 7, 2021 · 2c8784b
1 parent 2e6560b
commit 2c8784b
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/core/update/updateSlides.js b/src/core/update/updateSlides.js
@@ -77,6 +77,13 @@ export default function updateSlides() {
   // Calc slides
   let slideSize;
 
+  const shouldResetSlideSize =
+    params.slidesPerView === 'auto' &&
+    params.breakpoints &&
+    Object.keys(params.breakpoints).filter((key) => {
+      return typeof params.breakpoints[key].slidesPerView !== 'undefined';
+    }).length > 0;
+
   for (let i = 0; i < slidesLength; i += 1) {
     slideSize = 0;
     const slide = slides.eq(i);
@@ -86,6 +93,9 @@ export default function updateSlides() {
     if (slide.css('display') === 'none') continue; // eslint-disable-line
 
     if (params.slidesPerView === 'auto') {
+      if (shouldResetSlideSize) {
+        slides[i].style[getDirectionLabel('width')] = ``;
+      }
       const slideStyles = getComputedStyle(slide[0]);
       const currentTransform = slide[0].style.transform;
       const currentWebKitTransform = slide[0].style.webkitTransform;