fix(element): Query the swiper.hostEl for the navigation buttons (#7714) (#7716)

Ashkanph · web-flow · commit d0b6abd74805 · 2024-09-02T17:43:59.000+03:00
diff --git a/src/modules/navigation/navigation.mjs b/src/modules/navigation/navigation.mjs
@@ -23,7 +23,7 @@ export default function Navigation({ swiper, extendParams, on, emit }) {
   function getEl(el) {
     let res;
     if (el && typeof el === 'string' && swiper.isElement) {
-      res = swiper.el.querySelector(el);
+      res = swiper.el.querySelector(el) || swiper.hostEl.querySelector(el);
       if (res) return res;
     }
     if (el) {

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export default function Navigation({ swiper, extendParams, on, emit }) {`
`23`	`23`	`function getEl(el) {`
`24`	`24`	`let res;`
`25`	`25`	`if (el && typeof el === 'string' && swiper.isElement) {`
`26`		`- res = swiper.el.querySelector(el);`
	`26`	`+ res = swiper.el.querySelector(el) \|\| swiper.hostEl.querySelector(el);`
`27`	`27`	`if (res) return res;`
`28`	`28`	`}`
`29`	`29`	`if (el) {`