100dvh выходит за нижнюю часть полноэкранного режима Android Chrome ⇐ CSS

[Anonymous]

Я считаю, что это ошибка, но хотел бы подтвердить... Я также ищу предложения по обходному пути.
У меня есть страница html – когда я использую следующий CSS , красная рамка правильно рисуется вокруг всего экрана.
(работает на настольных компьютерах и мобильных устройствах)

Код: Выделить всё

html {
border: 5px solid red;
box-sizing: border-box !important;
height: 100dvh;
}

Однако, когда я запрашиваю полноэкранный режим (Android Chrome), страница выходит за нижнюю часть, и красная рамка внизу больше не видна. (Прикосновение к экрану приведет к повторному рендерингу страницы, что устраняет проблему).
Вот минимальная рабочая репродукция (открытая в Chrome Android) – https://jsbin .com/netiyud/8
Код находится здесь: https://jsbin.com/netiyud/edit?html,css ... ole,output

• Может ли кто-нибудь это воспроизвести?
• Это ошибка?
• Есть ли решение или обходной путь?

Программное обеспечение:

• Версия Chrome: 116.0.5845.163
• ОС: Android 13
• Устройство: Samsung S22 Ultra

По теме

• Как Я могу настроить единицы высоты области просмотра для работы в полноэкранном режиме в Chrome на Android?

Скриншоты
Я добавил скриншоты (которые, я думаю, подчеркивают проблему, вызванную «черным пространством камеры» вверху):

• Скриншот перед полноэкранным режимом
• Скриншот сразу после полноэкранного режима (см. переполнение внизу)
• Скриншот после касания экрана (исправляется при взаимодействии)

Подробнее здесь: https://stackoverflow.com/questions/770 ... fullscreen