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.
The slides are not showing at the end of the carousel with a large number of slides.
See original GitHub issueI used your example with Variable Widths and changed the number of slides https://codesandbox.io/s/embla-carousel-variablewidths-react-forked-4nshv You can see that 11 last slides are not showing. Also, I output scroll positions and got
console.log(embla.scrollSnapList());
[0, 0.07338388461443308, 0.20792409885950375, 0.3302336656688356, 0.47700452734964505, 0.6176616115385568, 0.7093961059845131, 0.8684007075530048, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
The snap point positions for last 12 slides equals to 1. Is it normal?
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
images not showing in slider - WordPress.org
My carousel no longer has a large space at the bottom between the next page content. Hope that helps you as well.
Read more >Carousel slider type - Smart Slider Documentation - Help Scout
The amount of slides the Carousel displays depends on the set Slide size and the slider's size. The slides keep their size, so...
Read more >showing end/start of previous/next slides like Airbnb Slider ...
For the middle slide, there is the start and end of previous and next slides. For the last slide, there is a blank...
Read more >Reordering Your Slides - Microsoft PowerPoint
Go to the View Ribbon and click on the Slide Sorter icon (or click on the icon in the Status Bar). This view...
Read more >Best practices for carousels - web.dev
Carousel navigation controls should provide context about the total number of slides and the user's progress through them. This information ...
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
Sorry, It’s my fault again, I didn’t set the width for the last one, 20th. You can close this issue. Thank you.
@davidcetinkaya Yeap, you are right. Thank you very much