akiran / react-slick

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

wrong items order at rtl mode #1903

Open ArtNar opened 3 years ago

ArtNar commented 3 years ago

First pic should remain the same

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

JerryK026 commented 3 years ago

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(, document.getElementById("container"));

jacobdo2 commented 2 years ago

👀

chienweiluo commented 1 year ago

truly need solution ...

erashdan commented 4 months ago

+1