React/Nextjs - Web component - problem moving "pagination bullets" outside

[KatuGT]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/devbox/dxgcfr

Bug description

I can´t make work the "el" property on pagination

Expected Behavior

Using React/Swiper, if I add this

pagination={{
clickable: true,
el: ".swiper-pagination-solutions",
}}

---

and then create a element like this would be enough to position the bullets anywhere

Actual Behavior

Bullets pagination still shows inside swiper-container

Swiper version

11.1.14

Platform/Target and Browser Versions

Windows

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[catsmeatman]

In Swiper Element (WebComponent) there is also this problem

[KatuGT]

I couldn´t solve it, I had to switch to the React finally