fix(zoom): zoom elements only in swiper-zoom-container

fixes #4847
nolimits4web · Aug 23, 2021 · a4e351f · a4e351f
1 parent 7cd2e75
commit a4e351f
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/modules/zoom/zoom.js b/src/modules/zoom/zoom.js
@@ -97,7 +97,10 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
     if (!gesture.$slideEl || !gesture.$slideEl.length) {
       gesture.$slideEl = $(e.target).closest(`.${swiper.params.slideClass}`);
       if (gesture.$slideEl.length === 0) gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
-      gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+      gesture.$imageEl = gesture.$slideEl
+        .find(`.${params.containerClass}`)
+        .eq(0)
+        .find('img, svg, canvas, picture, .swiper-zoom-target');
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
       gesture.maxRatio = gesture.$imageWrapEl.attr('data-swiper-zoom') || params.maxRatio;
       if (gesture.$imageWrapEl.length === 0) {
@@ -341,7 +344,10 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
         }
       }
 
-      gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+      gesture.$imageEl = gesture.$slideEl
+        .find(`.${params.containerClass}`)
+        .eq(0)
+        .find('img, svg, canvas, picture, .swiper-zoom-target');
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
     }
     if (
@@ -440,7 +446,10 @@ export default function Zoom({ swiper, extendParams, on, emit }) {
       } else {
         gesture.$slideEl = swiper.slides.eq(swiper.activeIndex);
       }
-      gesture.$imageEl = gesture.$slideEl.find('img, svg, canvas, picture, .swiper-zoom-target');
+      gesture.$imageEl = gesture.$slideEl
+        .find(`.${params.containerClass}`)
+        .eq(0)
+        .find('img, svg, canvas, picture, .swiper-zoom-target');
       gesture.$imageWrapEl = gesture.$imageEl.parent(`.${params.containerClass}`);
     }
     if (