wrong items order at rtl mode

[ArtNar]

First pic should remain the same

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

[JerryK026]

Hi, I'd like to work on this, and would you tell me what is the problem and what you want more specifically? thanks :)

environment expected

active

import React from "react"; import ReactDOM from "react-dom"; import Slider from "react-slick"; import "./index.css";

const settings = { dots: true };

const items = [ "http://placekitten.com/g/400/200", "http://placekitten.com/g/400/201", "http://placekitten.com/g/400/202", "http://placekitten.com/g/400/203" ];

class ReactSlickDemo extends React.Component { render() { const renderItems = () => items.map((item) => (

));

return (
  <div className="container">
    <Slider {...settings} rtl>
      {renderItems()}
    </Slider>
    <br />
    <br />
    <Slider {...settings}>{renderItems()}</Slider>
  </div>
);

} }

ReactDOM.render(<ReactSlickDemo />, document.getElementById("container"));

[jacobdo2]

👀

[chienweiluo]

truly need solution ...

[erashdan]

+1