Changing slide works incorrect when infinite is false and initialSlide > 1

[serhii-hrushun-empeek]

Changing slide when initialSlide > 1 and infinite is false works wrong.
When I swipe right I expect to see next slide(initial + 1), but I always see second slide as next, when I swipe left, I always get first slide.
Also same behaviour when I click on arrows on this example, but with initialSlide: 2, infinite: false.
I think that same behaviour we have always when initial slide is set and infinite setting is false.

Link to stackblitz to reproduce. https://stackblitz.com/edit/react-brc9ys?file=src%2FApp.js
Versions:

• react-slick: 0.27.13
• react: 17.0.1

Is any recipes how to solve it?
Similar issue: #1874

[avangardsv]

Created bug fix pull request. #1950

[avangardsv]

@akiran #1950 ready to merge

[Elecweb]

Anyone who can't wait this issue fixed, you can use this as workaround

  const [hasSetPosition, setHasSetPosition] = useState(false);

  useEffect(() => {
    if (slider.current && !hasSetPosition) {
      slider.current?.slickGoTo(initialSlidePosition);
      setHasSetPosition(true);
    }
  }, [initialSlidePosition, hasSetPosition, slider]);

Swipe or slick's methods for navigate will work correctly.

[felipe-gustavo]

Any update about this?

[Goldziher]

Is this library maintained?

[AlexandrKolesnikov]

Hi @akiran, could you please tell whether there're any updates? Really excited to have this fix provided.

Thank you in advance!

[nawazassad]

This issue is still not resolved. When initial state is set to last index and infinite mode is false
Issue:
When you click on the previous button instead of going to index 1 it scrolls down to 0.

[tanyaburlakova]

hey guys! any chance to fix it? thank you

[rhythmshandlya]

Any updates guys, any quick fix? Really need this urgently!

[HQDung]

got the same issue, any update on this?