Slick: "initialSlide" breaks slider if slide cannot be first slide to be shown

[abos]

The "initialSlide" functionality breaks the slider if

• centerMode=false
• and: infinite=false
• and: slidesToShow > 1
• and: initialSlide > numberOfSlides - slidesToShow

Then it will not be possible anymore to drag the slides (the slider immediately returns to its initial position) and "next" and "prev" links are not working either.

see:

• http://jsfiddle.net/w3t1wztc/2/

Steps to reproduce the problem

1. create a new slider
2. add multiple slides
3. configure the slider with centerMode, infinite, slidesToShow and initialSlide settings as described above

What is the expected behaviour?

• the slide with "initialSlide" number should be visible
• the slider should work as usual, allowing the user to navigate to other slides

What is the observed behaviour?

• it is not possible to navigate to another slide, neither by drag nor by click on buttons

[kalel2]

I have the same problem. Maybe somebody have some workaround solution for it ?

[pxwee5]

Don't use slick for your projects, is the workaround.

[abos]

You can handle the situation yourself, just ensure that you don't exceed the limit:

initialSlide = initialSlide > numberOfSlides - slidesToShow 
    ? numberOfSlides - slidesToShow 
    : initialSlide;

[kalel2]

Ok, thanks. Already did something similar, but just used slickGoTo instead of initialSlide, like:

initialSlide = initialSlide > numberOfSlides - slidesToShow
    ?  initialSlide - (slidesToShow - 1) 
    : initialSlide
$('.slider).slick('slickGoTo', initialSlide, true );

and active slide visible and slider still works ok.