Полноэкранный API предотвращает прокрутку ⇐ CSS

[Anonymous]

Я создаю веб-сайт на HTML, CSS и JS с полноэкранной функцией. На этом веб-сайте у меня есть панель навигации, которая меняет содержимое, отображаемое с помощью InnerHTML. Проблема, с которой я столкнулся, - это отсутствие прокрутки. Где-то это разрешено, где-то нет. Я предполагаю, что причиной этого является изменение размера внутреннего HTML.

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

function toggleFullscreen(){
body.requestFullscreen();
}

function stickyNav() {
document.querySelector("nav").innerHTML = `
[list]
[*]
[i][/i]

[*]
[i][/i]

[*]
[i][/i]

[*]
[i][/i]

[*]
[i][/i]

[/list]
`;

document.querySelectorAll(".fullscreen").forEach(box => {
box.addEventListener("click", (e) => {
toggleFullscreen();
})
});
}

Я попробовал добавить это в свой CSS-файл

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

body {
overflow: auto; /* or overflow: scroll; */
}

Есть идеи, почему я столкнулся с этой проблемой?

Подробнее здесь: https://stackoverflow.com/questions/784 ... ing-scroll