bug: RTL show

[xrkffgg]

Describe

I think in RTL, from right to left, it's 123, not 312

CodeSandbox

https://codesandbox.io/s/react-slick-playground-lk4i7?file=/index.js

react-slick/src/track.js

Line 183 in 80eb208

return preCloneSlides.concat(slides, postCloneSlides).reverse();

It may be fix in this place

--preCloneSlides.concat(slides, postCloneSlides).reverse();
++preCloneSlides.concat(slides.reverse(), postCloneSlides.reverse());

And preCloneSlides is not the last node, but the first node.

I hope this will be fix.

[rsagiev-simtechdev]

I have the same problem. And .slick-slider slider does not switch diriection attribute

https://codesandbox.io/embed/react-slick-cwcld?fontsize=14&hidenavigation=1&theme=dark

[mhmdAljefri]

The Same

[selmaBarati]

Hi , thank you for solve this problem . but I have this problem yet , I change my track.js file as you edit it , but still it doesn't work for me .
I have this issue at the first carousel show me the last slide and also it doesn't show me the slide 4 too ,
this is my code :
by the way I had to set infinite: true , because if I set it sa fasle , when I click on next button it suddenly jump to last slide , in this case , jump to slide 7 ,
and also I had to use prev() for next button and vice verca .
could you please share your code with us , Thanks alot .
const TestComponent2 = () => {
const settings = {
infinite: true,
rtl:true,
speed: 500,
}
const carouselData = [
{
id: 1,
content: 'Slide 1',
},
{
id: 2,
content: 'Slide 2',
},
{
id: 3,
content: 'Slide 3',
},
{
id: 5,
content: 'Slide 5',
},
{
id: 6,
content: 'Slide 6',
},
{
id: 7,
content: 'Slide 7',
},
];
let carousel = useRef()
const next = ()=>{
carousel.prev();
}
const prev = ()=>{
carousel.next();
}
return (

<Carousel {...settings}
ref={node => (carousel = node)}
>
{carouselData.map((slide) => (

{slide.content}

))}

next
prev

);
};