После поворота экрана app.height увеличивается на 20px

1

Здравствуйте.
PWA в Standalone на iOS 12.4.1 и Framework7 последней версии.
После поворота экрана в альбомную ориентацию и обратно, app.height увеличивается на 20px, при этом снизу подписи tab’ов уходят за пределы экрана, затем, если свернуть или закрыть приложение, то в следующем запуске tab’ы поднимаются вверх, но app.height по-прежнему больше на 20px.
Как можно победить эту проблему?
Спасибо.
P.S. В meta name=“apple-mobile-web-app-status-bar-style” прописан black

Добавлено:
Прописал black-translucent, теперь app.height изначально больше на 20px, чем в предыдущем варианте. Но с black-translucent до этого была обратная проблема, по непонятно каким причинам (зависимости не нашли), был наоборот подъем tab’ов над нижним краем экрана на эти самые 20px, поэтому перешли на вариант просто black.

Еще в этих опциях есть разница в высоте navbar, добавили возможность перетаскивания popup вниз по экрану и стащив navbar ниже шапки наблюдаем сверху лишние 20px по высоте в black-translucent, в black такого нет.

2

Должно быть

и в CSS:

html, body, .framework7-root {
  height: 100vh;
}
3

В Safari tab’ы ушли вниз (iOS 12/13), а скролл отключен через bodyScrollLock.js…

При black-translucent navbar в popup увеличивается сверху на 20px (popup не на весь экран, двигаем через css: top/height).
Подскажите, пожалуйста, как элегантно уменьшить высоту navbar до нормы, класс “no-safe-areas” не помогает…
Спасибо.

4

Это было поправлено в последних версиях F7

5

Используем 5.7.10…

P.S. Проблема конкретно в PWA Standalone в iOS 12/13 в портретном режиме, когда Popup по умолчанию открывается на весь экран, а мы принудительно его приспускаем свойствами top и height.

6

Тогда нужно убрать ему safe-area, дать ему стиль:

--f7-safe-area-top: 0px;