Задать вопрос
@mletov

Почему на айфоне при вызове виртуальной клавиатуры поля формы уходят за пределы экрана?

Есть форма на сайте, в мобильной версии ширина полей занимает примерно 99% ширины страницы.
При клике на поле появляется виртуальная клавиатура и поля формы немного уходят за пределы экрана.
Вернуть обратно их полную видимость можно только уменьшив зум.

Баг проявляется только на IPhone.
Ни под Андроидом, ни в эмуляторах, ни в браузере не воспроизводится.

Пробовал экспериментировать с разными значениями interactive-widget, например
<meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=overlays-content">


Не помогает.

Есть ли способ решить проблему?
  • Вопрос задан
  • 200 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы