Клавиатура перекрывает поля ввода внизу страницы

Привет :wave:

Есть несколько мест, где открытая клавиатура перекрывает поле ввода, выпадающий список и другие элементы на мобильных устройствах. Думаю, стоит найти решение этой проблемы, так как сейчас в таких случаях приходится печатать вслепую.

Возможно, стоит использовать виртуальную клавиатуру через env(keyboard-inset-height)?

Пример со страницы поиска.

До

После

Спасибо

4 лайка

Конечно, это выглядит как разумное изменение. Можешь ли ты отправить PR для этого узкого случая, страницы поиска?

Это не влияет на Safari или Firefox для Android, верно? Но, возможно, проблема OP не возникает в этих браузерах; я, например, не могу воспроизвести это в Safari.

Да, я думаю, это касается только Chrome.

1 лайк