Мы обнаружили поведение, которое, на мой взгляд, является ошибкой в Safari. Установите PWA на iOS на главный экран, откройте приложение в автономном режиме и коснитесь любого ввода текста, закройте клавиатуру и дважды коснитесь свободного места (при увеличении масштаб уменьшается, затем снова дважды коснитесь), снизу появляется белый блок страницы. Вероятно, это вызвано тем, что «клавиатура» смещает содержимое, когда клавиатура активна. Я пробовал с помощью Angular и React создать пустой проект и добавить только ввод и некоторую окраску, чтобы блок был более заметным. Оба репозитория доступны на GitHub и развернуты в Firebase. Я пробовал с несколькими производственными PWA разных компаний, все приложения имели одинаковое (ошибочное) поведение. Я уже отчитался в Apple. Кто-нибудь нашел решение или подсказку, как предотвратить прокрутку?
Угловой
https://github.com/lenkavon/pwa-double-tap-bug-ng
https://pwa-double-tap-bug-ng.firebaseapp.com
React
https://github.com/lenkavon/pwa-react-double-tap
https://pwa-double-tap-bug.firebaseapp.com
Действия по воспроизведению
- на iPhone iOS11.*
, iOS12.*
- установите приложение PWA на главный экран добавить PWA на рабочий стол
- открыть приложение из дома - автономный режим
- коснуться ввода, чтобы открыть клавиатуру
- закрыть клавиатуру
- дважды коснуться любого свободного места
Поведение: белая панель прибывает из нижней части дисплея (вероятно, «пробел» для клавиатуры)
Ожидаемое поведение: масштабирование или ничего, в зависимости от метатегов.