У меня есть веб-страница, которая занимает все окно просмотра браузера. Когда я фокусируюсь на вводе, клавиатура открывается, и, если я пролистываю веб-страницу, в нижней части экрана появляется дополнительное пустое пространство даже после эффекта bouce. Это происходит только на сафари ios. Android браузеры устройства выглядят нормально.
Я пытался добавить
html, body, .main-container {
width: 100vw;
height: 100vh;
overflow: hidden;
}
Но безуспешно. Кажется, что дополнительная полоса прокрутки добавлена к глобальной странице.
Мы видим похожую «проблему» на главной странице wikipedia.org. Если вы сосредоточитесь на вводе поиска и прокрутите его до конца (все еще с фокусом на вводе поиска), а затем проведете пальцем вверх, то увидите, что по последней ссылке было создано дополнительное пустое место - «Политика конфиденциальности»
Как только вы закроете клавиатуру, пустое пространство исчезнет.
Кто-нибудь знает, как решить эту маленькую (но раздражающую) ошибку?
Спасибо
PS: я на windows, поэтому отладка не так проста