Вот однопадный 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
