Slider began to behave strangely

[deicidemilan]

Today my slick-slider starts to add one space before all .slick-slide. Problem is he add rules on class .slick-track transform: translate3d(450px, 0px, 0px); And yesterday it was .slick-track transform: translate3d(450px, 0px, 0px); I didn't change any code in this component. But I have lots of other changes. I roll back all code to yesterday but no luck. My settings for react-slick are: const settings = { dots: false, infinite: false, speed: 300, slidesToShow: 1, slidesToScroll: 1, className: "pins-on-map", centerPadding: "16px", centerMode: true, arrows: false };

I can't understand why is this happening. Few last days on intitial loading .slick-track was transform: translate3d(0px, 0px, 0px);

Why now add extra 450px?

[akiran]

Which version are you using? Can you create sandbox to replicate this issue.

We are fixing bugs and making rapid releases 0.27.* Please stick to 0.26 release until we release 0.28

[deicidemilan]

I am on version: "react-slick": "^0.27.3", "slick-carousel": "^1.8.1", I can't create sandbox atm because i use lost of libs, and redux. But I will in few days when I get time. If no luck with debuging.

It's was working perfect with same config, and just stop. I even create android app with cordova, old version app still work , but when I build now i just get .slick-track transform: translate3d(450px, 0px, 0px); 450px is element size. off course take screen width. I did't change component, and i roll back to last build but no luck.

I will switch to 0.26 and I will report the result.

[deicidemilan]

Working perfect with "react-slick": "^0.26.1",

Tnx for fast response.

[idileepd]

I am facing the same issue on "react-slick": "^0.29.0", Very strange

[TeeJaysDev]

same here on "react-slick": "^0.30.2"