H5页面弹出的弹框中，密码输入框调手机安全键盘，需要二次点击才会把弹框顶上去，怎么解决？
场景是：页面点击确定按钮后弹出一个弹框，弹框里密码输入框自动获取焦点并调起手机安全键盘，但此时，手机键盘并不会把弹框顶上去，会遮挡部分弹框，当键盘收回时，此时密码输入框光标一直在的，再次点击密码框，键盘弹出，并把弹框顶上去；如果把输入框的type换成除password以外的任意一种类型，就不会出现以上情况，但是调起的不是手机安全键盘，业务需求又必须要手机安全键盘，请问大家有什么好的解决办法吗？？？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
可以从两个方面考虑：
补充：
造成这个原因更多是因为弹窗用了绝对定位，脱离了文档流，所以不受页面的高度影响了，如果是安全键盘弹起的时候，让弹窗距离顶部的位置做调整（或者固定距离顶部的位置），而不是让软键盘撑开呢，这样可不可行呢