【bug】安卓浏览器键盘输入改变弹出层的定位

时间:2023-03-10 02:15:03
【bug】安卓浏览器键盘输入改变弹出层的定位

bug描述

在安卓浏览器中,有一个在页面底部的弹出层表单,样式如下:

.popup {

    position: absolute;
bottom: 0;
}

当在这个弹出层输入内容,键盘自动弹出,弹出层的bottom值会改变成键盘的高度,有可能使输入框超出屏幕的高度。

bug解决

给弹出层添加一个高度

.popup {
position: absolute;
bottom: 0;
max-height: 80%;
}