Что за проблема с отображением в сафари(iphone 6,8) слайдера slick?

Question

[idkw13]

изображения проблемы

Comments

[Rustam Bainazarov]

Версия iOS?

[FeST1VaL]

Рустам Байназаров, ну у меня на 12.3 тоже самое)

[Rustam Bainazarov]

Артем Будин, да, на 13 beta 5 тоже.

[idkw13]

Рустам Байназаров, 12.4

[idkw13]

Рустам Байназаров, 0 идей?

[Rustam Bainazarov]

idkw13, не смотрел пока что, ибо работаю.

[Rustam Bainazarov]

idkw13, это баг с просчетом высоты flex-direction: column.

Ваши стили на это замените:

.main__title {
   padding-top: 1.25rem;
   color: #ffffff;
   font-weight: 400;
   width: 100%;
}

.main__container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}

И все будет нормально:

[idkw13]

Рустам Байназаров, в хроме после этого перестает работать)
думаешь версия slick может что-то изменить?
у мене доступа к хостингу нет и тестировать не могу)

[Rustam Bainazarov]

idkw13, сделайте на хаке для iOS через проверку поддержки свойствах -webkit-overflow-scrolling: touch. Тогда этот код будет срабатывать только на iOS. Пока просто нет времени разбираться, почему так происходит.

Версию, конечно, стоит использовать последнюю.

[idkw13]

Рустам Байназаров, новая версия и твоя помощь и все ок, напиши в ответ, я отмечу

Answer 1

[Rustam Bainazarov]

Update: + нужна последняя версия.

Это баг с просчетом высоты flex-direction: column. Ваши стили на это замените:

.main__title {
   padding-top: 1.25rem;
   color: #ffffff;
   font-weight: 400;
   width: 100%;
}

.main__container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}

И все будет нормально: