Почему не работает overflow-x: auto на iPhone в модальном окне?
Есть сайт на React. Открывается модальное окно. В нем есть 2 списка карточек с горизонтальным скроллом. И он работает и на десктопе и на Android, но ни в какую не хочет работать на iPhone. Хотя эти же карточки отлично работают вне модального окна. На родителе карточек стоит "overflow-x: auto;". Пробовал добавлять - "-webkit-overflow-scrolling: touch;" - безрезультатно
Ответы (1 шт):
Автор решения: Alex Sazonov
→ Ссылка
Я решал проблему таким образом
-webkit-overflow-scrolling: touch; на родителе.
Если не получится со значением overflow-x: auto;, то попробуй сделать его overflow-x: scroll;.
.parent {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}