Embla-carousel: The slides are not showing at the end of the carousel with a large number of slides.

[duza]

I 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?

[davidcetinkaya]

Hello @duza,
I can only see 9 slides on your forked sandbox?

Did you forget to update it?

[duza]

Hi @davidcetinkaya, sorry I forgot to save it :( I saved changes now for forked version. Make sure that the problem exists.

[davidcetinkaya]

Thanks @duza, I will take a look at it as soon as possible and let you know when I have something.

[davidcetinkaya]

@duza you haven’t specified any base width for the slides? As you can see in the CSS slide 1 to 9 all have widths specified. You either need to add content that takes up space to the slides, or specify widths if they’re empty.

Let me know if it works.

Best
David

[duza]

@davidcetinkaya Yeap, you are right. Thank you very much

[davidcetinkaya]

@duza no worries. Congratulations, you opened issue number #100 😃. Enjoy!

Kindly
David

[duza]

@davidcetinkaya But you know, when I fixed width in css the last slide didn't show at all.

[davidcetinkaya]

@duza Have you updated the CodeSandbox so I can take a look?

[duza]

Sorry, It's my fault again, I didn't set the width for the last one, 20th. You can close this issue. Thank you.