[Bug]: When the direction is set to 'rtl' and the loop is set to true, it doesn't loop infinitely

[akashrajum7]

Which variants of Embla Carousel are you using?

• [X] 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

When the direction is set to 'rtl' and the loop is set to true, it doesn't loop infinitely.

Expected Behavior

The slides should loop infinitely without any issues

Additional Context

I first noticed it when using in sveltekit and tried to reproduce it using codesandbox and I was able to successfully reproduce it. Since I did not have a quick example to use, I have used the react example.

What browsers are you seeing the problem on?

Chrome

Version

v8.0.0

CodeSandbox

https://codesandbox.io/p/sandbox/embla-carousel-auto-scroll-react-forked-mpdt9k

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

[davidjerleke]

Hi @akashrajum7 and thank you for your bug report.

You haven't set your markup to rtl anywhere in your code. Here's a working sandbox. A friendly reminder: Before submitting a bug report, there's a checkbox that says the following:

So it's important to at least read about the options you're using in the docs. In your case direction, which clearly says this:

Best, David