Мы обнаружили поведение, которое, по моему мнению, является ошибкой в 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
Реагировать
https://github.com/lenkavon/pwa-react-double-tap
https://pwa -double-tap-bug.firebaseapp.com
Шаги для воспроизведения
- на iPhone iOS11.*, iOS12.*
- установить приложение PWA на домашний экран добавить PWA на домашний экран
- открыть приложение из дома - автономный режим
- нажмите на вход, чтобы открыть клавиатуру
- закрыть клавиатуру
- дважды нажмите на любое свободное место
Поведение: белая панель появляется снизу дисплея (вероятно, «пробел» для клавиатуры)
Ожидаемое поведение: масштабирование или вообще ничего в зависимости от метатегов.
https://i.makeagif.com/media/3-12-2019/WQwlCk.gif