收藏
回答

小程序 web-view 加载 H5 类聊天页面,软键盘弹出后遮挡内容(部分安卓手机,如华为p30)

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug web-view 微信安卓客户端 7.0.13 2.11.0

描述:小程序 web-view 加载 H5 类聊天页面,软键盘弹出后遮挡输入框(仅小程序遮挡,公众号,浏览器均正常)。

通过js查看页面高度代码如下:

this.clientHeight = document.documentElement.clientHeight || document.body.clientHeight

其正常显示手机弹出软键盘后该高度改变,非正常显示手机则不改变(页面会根据软键盘高度自动修正输入框位置,且输入框定位方法为 absolute)

机型:华为 nova 6;小米 6E;华为 p30(同样型号,同样系统版本,同样微信版本7.0.13,同样基础库版本2.11.0,一部显示正常,另一部显示异常)

页面:

正常显示手机:

异常显示手机:(更换为和正常显示手机相同的输入法问题依然存在)

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

4 个回答

登录 后发表内容
问题标签