Thumbs doesn't work properly

[RodrigoTomeES]

Check that this is really a bug

• 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.

Mozilla.Firefox.2021-07-09.15-04-52.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

• 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

[xaja]

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

[RodrigoTomeES]

Could any collaborator change the label? Thanks!

[RodrigoTomeES]

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

[RodrigoTomeES]

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

[pfasang]

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

[kissshot]

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

[RodrigoTomeES]

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

[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.

[xaja]

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

[RodrigoTomeES]

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

[xaja]

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.

[stale]

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.

[solankeys]

i am facing the same issue. i am using 8.2.2 version. why is not fixed yet

[onderakbulut]

Not working on vue 3 vite. can u check demo page?

[bora89]

Yes, demo page for Vue 3 thumbnail one is not working at all.

[bora89]

Not working on vue 3 vite. can u check demo page?

Ok, I have managed to fix Vue 3 thumbnails demo

[nolimits4web]

Issue is closed because of outdated/irrelevant/not actual/needed more information/inactivity.

If this issue is still actual and reproducible for latest version of Swiper, please create new issue and fill the issue template correctly:

• Clearly describe the issue including steps to reproduce when it is a bug.
• Make sure you fill in the earliest version that you know has the issue.
• Provide live link or JSFiddle/Codepen or website with issue