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

Question

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

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

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

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

Answer 1

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

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

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

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

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