Initial slide indexes producing inconsistent slides
alexrichardsweb opened this issue · comments
Check that this is really a bug
- I confirm
Reproduction link
https://codesandbox.io/p/devbox/swiper-vue-default-forked-w6nq9d?file=%2Fsrc%2FApp.vue%3A7%2C28
Bug description
I have utilised Swiper to create a date slider, where each slide is a day of the current month, and the initial slide is set to today. So today I should expect to see 10th May.
As seen in the reproduction, when I set the initial slide to 10
, it displays the 11th slide, which seems correct as the 11th slide would be at index 10
- however if the initial slide is set to 11
it is also sets slide 11 as active, and when I set it to 9
it’s the 9th slide, and 8
to the 8th slide etc…
The same issue occurs when the initial slide is set to 20
, it sets slide 21 as active. It seems that any initial slide index ending with 0, including 0
itself, sets the index to itself + 1
Expected Behavior
The initial slide indexes should be set consistently
Actual Behavior
Initial slide indexes ending with 0 produce behaviour inconsistent with those not ending with 0
Swiper version
10.5.0
Platform/Target and Browser Versions
MacOS Chrome, also occurs in 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
t0ggles-create swiper
Task nolimits4web/SWIPER-132 was created
It is because you use slidesPerGroup, as active index must be even to slidesPerGroup
Task nolimits4web/SWIPER-132 status changed to Done