Изменение ориентации не дает правильную высоту и ширину окна в PWA при запуске из значка домашнего экрана в iPhone

Question

Используется образец HTML вместе с PWA.Приложение добавлено на домашний экран с помощью Safari в iPhone.

В браузере, когда есть изменение ориентации, я могу получить правильную внутреннюю высоту и ширину окна, тогда как в приложении, которое запускается, на значке главного экрана этоне дает измененную ширину и высоту сразу в обратном вызове изменения ориентации.

Может кто-нибудь помочь мне с этим?

Устройство: iPhone 12 safari

Answer 1

Кажется, это ошибка в браузерах Webkit: https://bugs.webkit.org/show_bug.cgi?id=170595

Кто-то предлагает:

Чтобы избежать создания нового элемента, следующий обходной путь, кажется, работает довольно хорошо дляme:

Для не Safari получите размер области просмотра макета из document.documentElement.clientHeight (& Width).

К сожалению, размер documentElement в Safari не обновляется, когда панель URL скрывается, поэтому яне мог просто применить его ко всем браузерам Webkit, но эта ошибка просто отсутствует в Safari.