React-slick: Not Scrollable when the number of slides is less than slidesToShow

[miketamis]

When the number of slides is lower than slidesToShow it no longer scrollable this means that centerMode stops working. I want the slide that is selected to be in the Center. Is there a way to make it so that it still scrolls to the so the selected slide is in the center? even when there is fewer that or equal slide to show? (In my case I have 5 slides always and want to show all 5 slides always, but with the selected one in the middle)

Here is my settings:

{
            arrows: false,
            infinite: true,
            speed: 300,
            slidesToShow: 5,
            slidesToScroll: 1,
            focusOnSelect: true,
            centerMode: true
        }

CodeSandBox

[laveesingh]

This is not a bug. This is a feature.
The slider will be unslicked if the slidesToShow >= slideCount.

[imornar]

This is perfectly fine, but there is no more unslicked class, when slider is actually unslicked
in this example: https://codesandbox.io/s/l2jp0q7z29
You will notice that when slider is unslicked then:

• class .unslicked is not added
• cloned elements appear in view
  

[Sorcer23]

@imornar Have you fixed the problem with elements cloning?

[imornar]

Nope, had to hide it with css