Почему некорректно работает slick slider?

Question

[WebforSelf]

На днях возник вопрос как карусель на slick подключить во всплывающем окне fancybox
Помогли добрые люди и слик отлично инициализируется при клике на ссылку, но возникла проблема.

Если задать в настройках что количество активных слайдов карусели (Это не просто картинки а блоки с информацией, фото и название) будет 4, а загрузить слайдов всего 2, то они не выгружаются корректно а становятся маленькой ширины , порядка 54px и в общем паршивят. Если же их скопировать например 5, то встают корректно и листаются.

Хотелось бы чтоб если слайдов меньше , то они просто были нормальной ширины и позиционировались слева направо.

Набросал пример.

https://codepen.io/webforself/pen/qBEJdrM

Тут 2 слайда, а в конфиге указал что карусель строится из 4.

Comments

[Сергей delphinpro]

помнится в минифицированной версии slick был баг.
Не знаю как на текущий момент, но попробовать стоит заюзать несжатую версию.

[WebforSelf]

Сергей delphinpro, для этого в кодепен подключил свежий слик, но проблема осталась.

Answer 1

[WebforSelf]

Пока понял одно, что если задать окну всплывающему например минимальную ширину 1000px то блоки показываются нормально. Но это решение проблемы? или костыль?

Answer 2

[Одиночка Айс]

Если элементов меньше чем нужно слику, то можно вообще не включать его и верстать как нужно

Comments

[WebforSelf]

Тоже думал над этим, но тут своя загвоздка , на десктопе количество слайдов в карусели 4, на планшете 2, а на мобильном 1.

Т.е. на десктопе слик не должен работать, а вот на планшете уже нужно и на мобильном. Дополнительные условия и не стабильная работа.

[Одиночка Айс]

WebforSelf, ну почему же? проверить ширину экрана и запустить инициализацию слика, а на мобилках так вообще всегда запускать.