search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.72k stars 2.1k forks source link

react-slick is not working correctly in RTL language #1875

Open xiaojhua-work opened 4 years ago

xiaojhua-work commented 4 years ago

This issue still repros in the latest version v0.27.9. The web page language is the Hebrew language which is RTL language. Repro steps: There are 5 slide pages in this slider using react-slick. If you open the web page contains this slider in the Chrome browser, press F12 to open the developer window, select the 'Toggle device toolbar' to switch to the mobile layout. See this gif below: ReproRTLissue_github

There are two issues shown in this gif: 1) The switch sequence is not correct. It should switch from 'folder1' to 'folder5'. 2) During the transition from one slide to another slide, it will try to load two slides and end up with one slide.

Please let me know if I there is any question, thanks!

mooSylla commented 3 years ago

Hello, any updates on this issue ?

mandadimuralidharreddy commented 3 years ago

strangely I am able to solve RTL issue with below param meter to slider component currentSlide={0} rtl={true} This props not documented anywhere

rehancse commented 1 year ago

@mandadimuralidharreddy thanks. It worked for me.

naeem-app4orce commented 10 months ago

if RTL works properly then LTR not working properly

erashdan commented 6 months ago

+1

kfathy194 commented 1 month ago

+1

NshMra commented 1 week ago

Any updates ?