【bug】安卓浏览器键盘输入改变弹出层的定位
bug描述
在安卓浏览器中,有一个在页面底部的弹出层表单,样式如下:
.popup {
position: absolute;
bottom: 0;
}
当在这个弹出层输入内容,键盘自动弹出,弹出层的bottom值会改变成键盘的高度,有可能使输入框超出屏幕的高度。
bug解决
给弹出层添加一个高度
.popup {
position: absolute;
bottom: 0;
max-height: 80%;
}