fix(navigation): don't hide navigation on pagination click

fixes #4285
nolimits4web · Mar 2, 2021 · 7b7cccf · 7b7cccf
1 parent 68b8a93
commit 7b7cccf
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/components/navigation/navigation.js b/src/components/navigation/navigation.js
@@ -138,11 +138,19 @@ export default {
     },
     click(swiper, e) {
       const { $nextEl, $prevEl } = swiper.navigation;
+      const targetEl = e.target;
       if (
         swiper.params.navigation.hideOnClick &&
-        !$(e.target).is($prevEl) &&
-        !$(e.target).is($nextEl)
+        !$(targetEl).is($prevEl) &&
+        !$(targetEl).is($nextEl)
       ) {
+        if (
+          swiper.pagination &&
+          swiper.params.pagination &&
+          swiper.params.pagination.clickable &&
+          (swiper.pagination.el === targetEl || swiper.pagination.el.contains(targetEl))
+        )
+          return;
         let isHidden;
         if ($nextEl) {
           isHidden = $nextEl.hasClass(swiper.params.navigation.hiddenClass);