RTL Support

[TheGooner93]

Bugs and Questions

Prerequisites

• I've searched open issues to make sure I'm not opening a duplicate issue
• I have read through the docs before asking a question
• I am using the latest version of nuka-carousel

Describe Your Environment

• What version of nuka-carousel are you using? 5.5.1
• What version of React are you using? 18.2.0
• What browser are you using? Chrome

Describe the Problem

Setting direction:rtl on document.body seems to break slide navigation.
Reproducible on https://nuka-carousel-jz0747srr-nuka-carousel.vercel.app/

Expected behavior:

Being able to navigate from right to left when direction:rtl is set on

Actual behavior

Only the first slide is visible, on clicking on the "next slide" button, a blank slide is displayed

Additional Information

Demo:

Screen.Recording.2023-04-06.at.12.44.23.PM.mov

[esla-ahme]

I had the same problem
Work around: wrap it in div and set dir to ltr

Id the item inside needs to be rtl wrap it also in a div thar inherits body dir