В Mobile Safari iOS 6.1.2
происходит следующее:Шаги по воспроизведению
Создайте элемент position: fixed
с элементом <input type="text">
внутри него.
Фактический результат
-
Ввод - не сфокусированный
Положение неподвижных элементов правильное, если вход не сфокусирован.
-
Фокусировка по вводу
Когда вход сфокусирован, браузер переходит в специальный режим, в котором он больше не обновляет положение неподвижных элементов (любой фиксированный позиционный элемент, а не только входной родительский элемент) и перемещает весь видовой экран вниз, чтобы сделайте входной родительский элемент сидеть в центре экрана.
Смотрите демо-версию: http://jsbin.com/oqamad/1/
Ожидаемый результат
Положение неподвижных элементов всегда соблюдается.
Исправление или обходное решение?
Любые подсказки, как заставить Safari правильно отображать фиксированные элементы, будут полезны.
Я бы предпочел обходное решение, которое не связано с использованием position: absolute
и установки обработчика событий onscroll
.