Как сделать Safari обновление CSS переменные после исчезновения баннера Pointerlock? ⇐ Html

[Anonymous]

Вот однопадный HTML-файл, который демонстрирует проблему: < /p>





* {
margin: 0;
padding: 0;
}

#container {
height: 100vh;
width: 100vw;
background-color: blue;
}





document.addEventListener('click', () => {
if (document.pointerLockElement === document.body) {
document.exitPointerLock();
} else {
document.body.requestPointerLock();
}
});



< /code>
Проблема заключается в том, что когда активируется режим блокировки указателя, Safari Macos показывает баннер: < /p>

Указатель вашего мыши скрыт. Нажмите ESC (побег) один раз, чтобы уволить этот баннер. Нажмите ESC еще раз, чтобы раскрыть указатель мыши. Таким образом, в нижней части страницы есть белая полоса, та же высота, что баннер. src = "https://i.sstatic.net/jwsrw92c.png"/>


CSS/JavaScript/HTML У меня есть управление для решения этой проблемы?>

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