question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Previous arrow navigation works wrong when even number of items

See original GitHub issue

This is a:

  • bug

  • Swiper Version: 3.4.0

  • Platform/Target and Browser Versions: macOS, Chrome 54,

What you did

Placing Even number of items (8)

Instantiating Swiper with following config:

{
  pagination: '.swiper-pagination',
  paginationClickable: true,
  nextButton: '.swiper-button-next',
  prevButton: '.swiper-button-prev',
  spaceBetween: 30,
  loop: true,
  slidesPerView: 3,
  slidesPerGroup: 3
}

Expected Behavior

When having the even number of items and odd “slidesPerGroup” combined with odd “slidesPerView” Swiper needs to handle Previous arrow navigation better.

Actual Behavior

Clicking on Previous arrow reveals the bug, as displayed in the gif bellow. swiper-even-number-of-items-arrow-navigation-bug

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:5
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
bembelstemmercommented, Nov 29, 2016

We are experiencing the same problem for some time now. It occurs when the slide count is not a multiple of the group size.

Since the content is created dynamically in our case and the group count can be switched we had to dynamically add or remove slides before initialization to workaround this problem.

4reactions
radojesrbcommented, Nov 29, 2016

We also needed to workaround this issue. Hopefully it will be addressed soon. Workarounds are time bombs…

Read more comments on GitHub >

github_iconTop Results From Across the Web

No next/previous arrows in Photos App - Microsoft Community
Since updating to Windows 11 the Photos app is no longer letting me arrow through my photos in a folder. They just aren't...
Read more >
Why has the function of my up & down arrow keys changed ...
Since yesterday, when I press the down arrow, the page jumps to the bottom (like pressing PageDown would do) and the up arrow...
Read more >
No longer able to use the arrow up/down keys to nudge artwork!
No longer able to use the arrow up/down keys to nudge artwork! For some reason the arrow keys stopped working after the lastest...
Read more >
Arrow keys don't work after programmatically setting ListView ...
The problem comes when the user subsequently uses arrow keys to navigate through the ListView. The first up or down arrow after a...
Read more >
Focus Order - Understanding Success Criterion 2.4.3 - W3C
Dynamic HTML may modify the navigation sequence using scripting along with the addition of a tabindex attribute to allow focus to additional elements....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found