iOS Safari переполнен модой - PullRequest
0 голосов
/ 18 декабря 2018

После нескольких часов поиска в сообществе я не смог решить мою проблему.

В настоящее время я строю div с горизонтальной прокруткой и несколькими модалами.Когда я запускаю overflow-x scroll, он отлично работает на всех устройствах, кроме iOS Safari.Это мой код:

Разметка

<div id="parent">
<div id="scroll">
<div id="card">card content</div>
<div id="card">card content</div>
</div>
</div>

Стиль

#parent {
overflow-y: hidden;
}

#scroll {
overflow-x: auto;
min-width: 100vw;
-webkit-overflow-scrolling: touch;
}

#card {
width: 222px;
height: 360px;
}

при нажатии на карту активируетсямодальный, который должен быть полной ширины и высоты.Прекрасно работает на Chrome и Firefox, но на Safari Mobile он отключается.

Ссылки: Снимок экрана iOS Снимок экрана Android

...