Как сделать такое модальное окно?

Question

[Vladislav]

вот есть модалка у которого есть поле input расположенное вверху модалки, сама модалка занимает 80vh где-то от экрана и она нормально видна, но когда ставишь фокус в поле, модалка скачет вверх из-за того, что в телефоне выезжает снизу клавиатура и естественно половину модалки сверху срезается и не видно ни поле ни содержимое ниже модалки, подскажите пожалуйста как сделать, чтобы модалка не скакала вверх когда клавиатура появляется на гаджете

Comments

[Lord_Dantes]

Сделать min-height в пикселях.

[Vladislav]

Lord_Dantes, нужно не совсем так, изначально модалка чуть больше чем пол экрана, при появлении клавиатуры она сужается в разы

Answer 1

[neuroscript]

max-height: 80vh. Или фиксируйте положение. position: absolute.