Мы обнаружили поведение, которое, по моему мнению, является ошибкой в Safari. Установите PWA на iOS на главный экран, откройте приложение в автономном режиме и коснитесь любого текстового ввода, закройте клавиатуру и дважды коснитесь свободного места (при увеличении масштаб уменьшается, затем снова дважды коснитесь), снизу появляется белый блок страницы. Вероятно, это вызвано тем, что «клавиатура» смещает содержимое, когда клавиатура активна. Я пытался с помощью Angular и React создать пустой проект и добавить только ввод и немного раскраски, чтобы блок был более заметен. Оба репозитория доступны на GitHub и развернуты в Firebase. Я пробовал использовать несколько PWA разных компаний, все приложения имели одинаковое (ошибочное) поведение. Я уже сообщил об этом в Apple. Кто-нибудь нашел решение или совет, как предотвратить прокрутку?
Angular
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 на главный экран
– открыть приложение из дома – автономный режим
– коснитесь ввода, чтобы открыть клавиатуру
– закройте клавиатуру
– дважды коснитесь на любом свободном месте
Поведение: белая панель появляется из нижней части дисплея (вероятно, это «пространство» для клавиатуры)
Ожидаемое поведение: масштабирование или ничего, в зависимости от метатегов.
Подробнее здесь:
https://stackoverflow.com/questions/551 ... alone-mode