focusOnSelect with !infinite unable to choose last 2 items

[wesleywong]

Hi, I would like to use focusOnSelect to choose the item but I can't select the last 2 (7 & 8.png) items if infinite is set to false.

const settings = {
  dots: false,
  infinite: false,
  speed: 500,
  slidesToShow: 4,
  centerMode: false,
  slidesToScroll: 1,
  focusOnSelect: true,
  afterChange: current => {
    console.log('current');
    console.log(current);
  }
}

<Slider {...settings}  className="list-inline">
  <div className="list-inline-item">
    <img src={require('1.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('2.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('3.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('4.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('5.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('6.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('7.png')} className="w-100" />
  </div>
  <div className="list-inline-item">
    <img src={require('8.png')} className="w-100" />
  </div>
</Slider>

I believe your sample https://react-slick.neostack.com/docs/example/focus-on-select if infinite option set to false will have the same issue. Please advise if something I missed out to achieve a similar result?

[Teicha]

Same issue here... 👎 will fork and fix it

[yoyo837]

Not 2, is X.

[yoyo837]

1232