Slick: RTL mode breaks the carousel

Created on 30 Aug 2014  路  7Comments  路  Source: kenwheeler/slick

I don't have a live link to my project, but If you go to Slick's homepage, and inject 'dir="rtl" into the HTML tag using the dev tools in Chrome you'll see the issue.

The carousel doesn't work when the transition is set to 'fade' and RTL is enabled. It displays the first slide but the rest is just empty.

Confirmed

Most helpful comment

Ok in order for this to work you actually need to explicitly use the rtl mode option in the settings. Sorry about that.

All 7 comments

I don't believe it is set up to work with fade, only sliding. So for fade, you are looking for reverse order?

Wait, for a fade, is RTL even relevant?

Sorry I don't think I was clear with the problem. I'm not looking for RTL support for fade transitions, it's that If dir="rtl" is present on the html tag then fade transitions don't work at all. The first slide displays like normal, but the other slides do not.

I've made this shoddy animation of the problem.

output_7fvoxh

Is there a reason why removing that attr isn't an option?

Wordpress automatically adds the attribute if the blogs language is RTL.

aint that a bitch. lemme see what i can do.

Ok in order for this to work you actually need to explicitly use the rtl mode option in the settings. Sorry about that.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jeremymandel picture jeremymandel  路  3Comments

REPTILEHAUS picture REPTILEHAUS  路  3Comments

hoghamburg picture hoghamburg  路  3Comments

xtatanx picture xtatanx  路  3Comments

yangkennyk picture yangkennyk  路  3Comments