fix(navigation): prevent hide on click when clicking on navigation bu…

…ttons fixes #7559
nolimits4web · May 30, 2024 · c0f7bb6 · c0f7bb6
1 parent 39a3e53
commit c0f7bb6
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/modules/navigation/navigation.mjs b/src/modules/navigation/navigation.mjs
@@ -161,11 +161,15 @@ export default function Navigation({ swiper, extendParams, on, emit }) {
     nextEl = makeElementsArray(nextEl);
     prevEl = makeElementsArray(prevEl);
     const targetEl = e.target;
-    if (
-      swiper.params.navigation.hideOnClick &&
-      !prevEl.includes(targetEl) &&
-      !nextEl.includes(targetEl)
-    ) {
+    let targetIsButton = prevEl.includes(targetEl) || nextEl.includes(targetEl);
+
+    if (swiper.isElement && !targetIsButton) {
+      const path = e.path || (e.composedPath && e.composedPath());
+      if (path) {
+        targetIsButton = path.find((pathEl) => nextEl.includes(pathEl) || prevEl.includes(pathEl));
+      }
+    }
+    if (swiper.params.navigation.hideOnClick && !targetIsButton) {
       if (
         swiper.pagination &&
         swiper.params.pagination &&