FormidableLabs / FormidableLabs/nuka-carousel

RTL Support

Open
#1,008 1 comment 3 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3.1k
Forks
588
PR merge metrics
No merged PRs in 30d

Description

# Bugs and Questions

### Prerequisites

- [x] I've searched open [issues](https://github.com/FormidableLabs/nuka-carousel/issues) to make sure I'm not opening a duplicate issue
- [x] I have read through the docs before asking a question
- [x] 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:

https://user-images.githubusercontent.com/8807030/230324410-b7a0b9c2-279c-4b9a-a149-e2890364216a.mov

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.