Я видел в сети, что было несколько ошибок, связанных с position: fixed
и Mobile Safari, но я пока не смог найти решения своей проблемы.
У меня есть div с overflow: auto
, а внутри у меня есть position: fixed
элемент. На десктопе, Android, Chrome и Firefox он отлично работает, но когда я пытаюсь сделать то же самое в Safari на IPhone, поведение совершенно другое, и мое приложение не работает.
Элемент position: fixed
является всплывающим, и я хочу, чтобы он занимал всю страницу. Технически в сафари он занимает всю страницу, но я вижу только часть моего всплывающего окна, которое находится непосредственно над элементом overflow: auto
. Все за пределами div прозрачно. Я говорю технически, потому что все всплывающее окно все еще на вершине, но я не могу видеть это. Я все еще могу взаимодействовать с ним, хотя.
Я пытался использовать position: absolute
, но в моем случае это не жизнеспособный вариант, так как первый элемент находится внутри другой позиции относительно абсолютного элемента, и это не будет делать то же самое.
Единственный вариант, который можно увидеть, - это изменить значение переполнения при отображении всплывающего окна и вернуть его обратно, когда я его закрываю.
Есть что-нибудь, что я пропустил?