RTL on type: "fade" not setting correct translateX

[bjornefar]

Checks

• [X] Not a duplicate.
• [X] Not a question, feature request, or anything other than a bug report directly related to React Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

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