[Bug]: Render when slides are wider than view size

[ferka123]

Which variants of Embla Carousel are you using?

• [ ] embla-carousel (Core)
• [X] embla-carousel-react
• [ ] embla-carousel-vue
• [ ] embla-carousel-svelte
• [ ] embla-carousel-autoplay
• [ ] embla-carousel-auto-scroll
• [ ] embla-carousel-solid
• [ ] embla-carousel-auto-height
• [ ] embla-carousel-class-names
• [ ] embla-carousel-docs (Documentation)
• [ ] embla-carousel-docs (Generator)

Steps to reproduce

The bug occurs when the windows width is 325px or when i resize it to less than 325px The error: TypeError: Cannot read properties of undefined (reading 'right') I left a codesandbox below

Expected Behavior

I expect it to work properly on any window width

Additional Context

I use next.js 13 with styled components

What browsers are you seeing the problem on?

Chrome

Version

v. 8.0.0

CodeSandbox

https://codesandbox.io/p/devbox/funny-williams-y3cdy8

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues
• [X] I agree to follow this project's Contributing Guidelines for bug reports

[ferka123]

It doesn't occur if i remove slidesToScroll: "auto"

[davidjerleke]

Thanks @ferka123 for your bug report. I wonder if this is related to?

• 805

I'll look into it when possible.

[davidjerleke]

@ferka123 I've checked your CodeSandbox out and can confirm that this will be solved in the following PR:

• 805

[ferka123]

@davidjerleke Thank you! This would be most helpful

[davidjerleke]

@ferka123 this has been released in v8.0.2.