Проблемы с центрированием модального наложения на экранах мобильных устройств. ⇐ CSS

[Anonymous]

Я работаю над веб-сайтом со структурой, показанной в этом коде. Модальный тест. В коде, похоже, не возникает никаких проблем, когда я открываю инструменты разработчика Chrome и переключаю панель инструментов устройства, чтобы увидеть, как веб-сайт будет работать на экранах мобильных устройств, но если я открою его как локальную html-страницу (со связанными CSS и JS), в этом режиме модальное окно не центрируется на экране. Та же проблема с Firefox (однако я заметил, что пока я отключаю симуляцию касания в Firefox, модальное окно центрируется, а включение его не центрирует.)

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

function showModal() {
if (modalVisible) return;

modalVisible = true;
modal.style.display = "flex";
document.body.appendChild(modal);
}

Я пытался выяснить, как центрировать модальное окно на экране, не прокручивая при этом содержимое под ним, но я просто не могу найти проблему.

Подробнее здесь: https://stackoverflow.com/questions/782 ... le-screens