Safari iOS 17 на iPad mini: веб-контент смещается вниз после переключения полноэкранного режима на iPad ⇐ CSS

[Anonymous]

Я оптимизирую веб-приложение для iPad и столкнулся с проблемой изменения макета после переключения в полноэкранный режим. Вот что происходит:

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

Эта проблема возникает только на iPad в Safari. Мне не удалось воспроизвести на iPhone или в альтернативных браузерах на iOS. Я пробовал проверить свойства DOM и области просмотра, но не могу определить, что вызывает сдвиг.
Я не могу поделиться своим проектом, но эта демонстрация API создает ту же проблему на моем iPad. mini 6-го поколения: https://davidwalsh.name/demo/fullscreen.php
Вот мой полноэкранный код:

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

  requestFullscreen: async function (el, retryCount, retryDelay) {
for (let i = 0; i  setTimeout(r, retryDelay));
}
}

exitFullscreen: function () {
try {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
} catch (error) {
console.error('Fullscreen not allowed: ', error.message);
}
}

Я попробовал настроить строку состояния apple-mobile-web-app-app Метатег -style стал черно-полупрозрачным, но это ничего не изменило.
Будем очень признательны за любую информацию или обходные пути!

Подробнее здесь: https://stackoverflow.com/questions/791 ... lscreen-mo