Broken Navigation with a specific configuration

[chili-fe]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/swiper-default-react-forked-5kpc2j?file=/src/App.jsx:486-500

Bug description

The Swiper navigation is broken when using these configurations together:

• loop = true
• Breakpoints
  • A decimal slidesPerView value (e.g. 4.17)
  • slidesPerGroup > 1 (e.g. 4)

Expected Behavior

• the Navigation start from the first slide
• by clicking to the next or back arrow it moves by slidesPerGroup slides

Example:
slidesPerGroup: 4
slidesPerView: 4.4
current slide: 1
expected slide after right arrow click: 5

Actual Behavior

• the Navigation start from the last slide
• if you click the right or left arrow, the swiper doesn't shift the given number of slides (slidesPerGroup)

Example:
slidesPerGroup: 4
slidesPerView: 4.4
current slide: last slide
actual slide after right arrow click: a fraction of the first slide

Removing the loop = true, or the slidesPerGroup works as expected.

Swiper version

8.0.0

Platform/Target and Browser Versions

Chrome

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that requests 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

[nolimits4web]

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.