Previous arrow navigation works wrong when even number of items
See original GitHub issueThis 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.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:5
- Comments:9 (2 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
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.
We also needed to workaround this issue. Hopefully it will be addressed soon. Workarounds are time bombs…