Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RTL on type: "fade" not setting correct translateX #62

Open
2 tasks done
bjornefar opened this issue Dec 13, 2022 · 0 comments
Open
2 tasks done

RTL on type: "fade" not setting correct translateX #62

bjornefar opened this issue Dec 13, 2022 · 0 comments
Labels
bug Something isn't working

Comments

@bjornefar
Copy link

Checks

Version

0.7.12

Description

We are using react splide for a project that includes multiple languages specifically LTR languages and RTL languages.

When setting direction to rtl and using the fade type it will not set the correct transform: translateX(x).
It every splide still has a negative percentage value that matches the LTR version. When setting the values from negative to positive it works perfectly.

I hope it makes sense.

Reproduction Link

No response

Steps to Reproduce

  1. Have the HTML dir be RTL
  2. Set splide type fade
  3. Set direction to rtl
  4. Have multiple slides and now only the first slides will show. When changing (either duration or next button) it will not show any other slides.

Expected Behaviour

Show the slides similar to LTR

@bjornefar bjornefar added the bug Something isn't working label Dec 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant