swiper icon indicating copy to clipboard operation
swiper copied to clipboard

Incorrect loop behavior using slidesPerView, slidesPerGroup

Open quangtho2910 opened this issue 3 years ago • 3 comments

Check that this is really a bug

  • [X] I confirm

Reproduction link

https://codepen.io/nguyen-quang-tho/pen/GRvvWdj

Bug description

Incorrect loop behavior using slidesPerView, slidesPerGroup when clicking on previous arrow.

Expected Behavior

Next and Previous arrow should loop the slides continuously The problem happens only when the number of items cannot be divided by the "slidesPerGroup" / "slidesPerView" and "loop" is set as true.

Actual Behavior

Clicking on Previous arrow reveals the bug => Could not move to the second page.

Swiper version

7.2.0

Platform/Target and Browser Versions

Windows 10, Chrome

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

quangtho2910 avatar Oct 29 '21 11:10 quangtho2910

I have the same issue with version 7.3.0

AlexProtsak avatar Nov 23 '21 15:11 AlexProtsak

We are also facing the same issue and until this is resolved, we are forced to not use Swiper in our sites. Any updates on this? @nolimits4web ?

MananTank avatar Dec 31 '21 11:12 MananTank

Bug still exists in 8.2.4

Code pen: https://codepen.io/deifro/pen/eYVoOoY - duplicate swiper slides are in a different colour

deifro avatar Jun 22 '22 10:06 deifro

Swiper v9 comes with fully reworked and now different loop functionality. If you have similar issues in Swiper 9, open a new issue with a CodeSandbox showing the issue.

nolimits4web avatar Feb 01 '23 11:02 nolimits4web