Issue with loop: true and controller sync between two Swipers #8045
Unanswered
omri-barzilai-loox
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi all,
I'm using the Material You Slider component in a production app and have encountered a sync issue when using two Swipers side by side — one for images and one for corresponding text. Both are configured with
loop: true
and are set to control each other via thecontroller
module.Swiper version: 11.2.8
Issue
When the image swiper loops from the last slide back to the first, it behaves correctly. However, the text swiper becomes stuck — it stays on the last visible slide even though it appears to animate. For example, if there are 4 slides:
After swiping to the 5th slide, the image swiper loops to slide 1.
The text swiper remains stuck on slide 4 and never updates again.
Pagination Bug
In addition, there is also unexpected behavior with the pagination UI . When the image swiper loops, the pagination bullets do not update correctly.
Reproduction
I've created a minimal sandbox to isolate the issue using plain Swiper:
👉 https://codesandbox.io/p/devbox/swiper-navigation-forked-2238w7?workspaceId=ws_9dSAUbWkSJYTEazBebDhFg
This example doesn't use Material You Slider directly but demonstrates the same behavior.
Expected
Both swipers and the pagination should remain fully in sync, even when looping.
Would appreciate your insight on whether this is a known limitation or a bug — and any recommended workaround.
Thanks!
Beta Was this translation helpful? Give feedback.
All reactions