Pagination bullets move to the left on route change (when the component is unmounted), when using vue-transition.

[michaelprys]

Check that this is really a bug

• I confirm

Reproduction link

https://stackblitz.com/edit/vitejs-vite-c5x8vm?file=src%2FApp.vue,src%2Fmain.js

Bug description

Pagination bullets move to the left on route change (when the component is unmounted). I have a reproduction, didn't care about styling much, but it's enough to show the issue. Try switching between router-links on the nav panel and you'll notice the bug. You can only notice it when using vue-transition, because there is a delay and you are able to see it.

Expected Behavior

The pagination bullets should stay on their place.

Actual Behavior

Moves to the left. Looks like the styling for bullets and the active button disappear.

Swiper version

11.0.6

Platform/Target and Browser Versions

Windows, Edge

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

[nolimits4web]

because swiper is get destroyed on unmount. use your custom logic to prevent/handle this or move to Swiper Element