swiper Thumbs doesn't work properly

Check that this is really a bug

[X] I confirm

Reproduction link

https://codesandbox.io/s/bug-swiper-qjp50

Bug description

Hi,

I have created a codesandbox with an example of the error that you can find in this issue but it is basically the following:

At first when you navigate through the slider it skipes some thumbs, and when you go through the slider completely and go back to the beginning, the active thumb stop working.

https://user-images.githubusercontent.com/13077343/125082581-b1bd0280-e0c7-11eb-9e04-83603d38b8bd.mp4

Expected Behavior

At first when you navigate through the slider it skipes some thumbs, and when you go through the slider completely and go back to the beginning, the active thumb stop working.

Actual Behavior

I hope the thumbs change to active as I navigate the slider.

Swiper version

6.7.5

Platform/Target and Browser Versions

Windows 10 / Firefox

Validations

[X] Follow our Code of Conduct
[X] Read the docs.
[X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
[X] 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

Jul 09 '21 13:07 RodrigoTomeES

Have the same in Vue. so this is a core bug..

Aug 24 '21 18:08 xaja

Could any collaborator change the label? Thanks!

Aug 31 '21 11:08 RodrigoTomeES

Hi, I have updated the example to use Swiper v7 but the bug still persists. Has anyone the same issue?

Sep 02 '21 08:09 RodrigoTomeES

@vltansky thanks!, Have you been able to see the issue? Do you have the same problem?

Sep 07 '21 08:09 RodrigoTomeES

We also discovered multiple bugs with thumb nav. Could someone check this functionality?

Oct 18 '21 11:10 pfasang

Have the same in Vue. swiper v7.0.9 https://codesandbox.io/s/j6yks?file=/src/App.vue

Oct 26 '21 03:10 kissshot

Hi, the bug is still in the latest version 8.0.7, can any one take a look about it? please! 😰 I update the example in codesandbox

Mar 23 '22 10:03 RodrigoTomeES

@xaja @pfasang @kissshot, the user @Richard-08 show me a workaround in the issue #5568 -> https://codesandbox.io/s/bug-swiper-forked-yr1xyj?file=/src/Components/Slider/Slider.js

You only need to move at the same time the thumbs and the slider.

imagen

Mar 23 '22 14:03 RodrigoTomeES

yes, but it is "dirty fix", bug is still exist and behaviour of thumbs is not the same — after this "fix" you always have active thumb on first place (if possible) here is demo https://swiperjs.com/demos/300-thumbs-gallery/core you can compare behaviours of thumb transitions

Mar 24 '22 16:03 xaja

@xaja You are right but at least the slider is usable with this workaround

Mar 24 '22 17:03 RodrigoTomeES

Yes, that is true, too

24 марта 2022 г., в 20:06, Rodrigo @.***> написал(а):

@xaja You are right but at least the slider is usable with this workaround

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.

Mar 24 '22 17:03 xaja

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.