Как решается баг slick-а с прыгающим последним слайдом?

Question

[Overlord934]

Проблема распространенная. Но я так и не нашел решения. Выглядит это так

Вот код
https://codepen.io/Loremord/pen/eYQMbJm

Comments

[iBird Rose]

решается переездом на нормальный слайдер. к примеру swiper.
ибо последний релиз 1,8,0 версии у слика был в 2017 году https://github.com/kenwheeler/slick/

[imko]

Зачем там фиксированные размеры у центрального слайда? Трансформ скейл используй, а то придется миллион брейкпоинтов ставить)

[Overlord934]

iBird Rose, У свайпера столкнулся с другим багом( при loop:true не происходил вправо скролл), поэтому перешел на слик.

[Danny Arty]

Overlord934, чет не понял, что за баг такой. Ни разу не видел, сколько им пользуюсь

[Overlord934]

Danny Arty, вот если хотите, не у меня одного такое было https://ru.stackoverflow.com/questions/1502533/swi...

[Danny Arty]

Overlord934, а, прикольно. Я просто 8 пользуюсь. Глянул в доку, там вроде все расписано, по поводу изменения loop, да и в ответе на стаке тоже

[imko]

Скачки потому что слик подменяет клонированный слайд, который ты видишь в качестве первого на новом круге, реальным первым при переключении, но только после того как закончится переключение. Но он забывает поставить клону класс активности, поэтому клон приезжает как неактивный и не скейлится, а потом резко меняется на уже приехавший настоящий у которого эта активность стояла еще при начале переключения и он уже заскейлен.
Хз че тут делать вообще) Попробуй поискать может какую нибудь зависимость классов/атрибутов по которым можно было бы однозначно определить приезжающего клона и ему тоже дай стили скейла

[Overlord934]

imko, Выискал в похожую проблему. Помогло вот это

.slick-slide[aria-hidden="true"]:not([tabindex="-1"])+.slick-cloned[aria-hidden="true"] {
    opacity: 1;
    padding-top: 89px;
    transform: scale(120%);
    transition: all .2s ease;
}