search

kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.37k stars 5.88k forks source link

ltr-rtl problem #1200

Open ef7475 opened 9 years ago

ef7475 commented 9 years ago

If slick element is defined as ltr in an element that is dir="ltr" but the page body is dir="rtl" the order of the slides is reversed. Also afterchange and beforechange events give the wrong current slide number. see this: http://jsfiddle.net/9f1mj8b4/

if this is forced, the problem is solved for this specific case: .slick-slide { float: left!important; }

problem might be in slick.css, here: [dir='rtl'] .slick-slide { float: right; }

yosefw commented 9 years ago

+1

Hadryan commented 8 years ago

Still the same problem exists..

cybentizen commented 8 years ago

This problem still exists.

DmitriyWebDev commented 6 years ago

This problem still exists((

saeedjalalisj commented 6 years ago

+1

abuyoyo commented 6 years ago

Whose genius idea was it to use the ltr/rtl language/locale setting of my webpage as the attribute that controls the slider direction? So much for scalability...

I have an rtl language page. This is completely unrelated to the direction I want my slider to go. I have text labels (rtl) inside my gallery elements. Yet I need my slider to progress left-to-right. Trying to set this to work rtl:false leads to some really wacky behaviour.

Also this: [dir='rtl'] .slick-slide { float: right; }

I've yet to work out ANY combination of direction styles that a. slides left-to-right on my ltr page and b. actually starts at the first slide (instead of the last)