收藏
回答

弹窗包含input,position: fixed + bottom: 0在弹出输入法后页面元素错位

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信安卓客户端 8.0.60 2.27.3

设备:华为MATE60PRO

在小程序中,若页面内存在使用 position: fixed; bottom: 0 的元素(如底部栏或弹窗),在 Android 设备上使用弹窗包含输入框,触发输入法弹出时,会出现底部的元素错位。

页面内存在一个 position: fixed; bottom: 0 的元素;

页面内打开一个弹窗(同样为 position: fixed; bottom: 0),内部包含 <input> 输入框;

用户点击输入框,触发输入法弹出;

此时弹窗和底部栏被“下沉”,视图错乱,仿佛被键盘顶出页面视口;

当用户收起输入法后,虽然已监听 wx.onKeyboardHeightChange 并设置 keyboardHeight = 0,但视图并不会恢复,仍然错位;

唯有通过如“切换分屏”,才能恢复视图。

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容