记录个小问题
客户反映应用在微信浏览器上有问题,有时输入框无法聚焦从而无法输入。开发找我求助,我去试遍了主流浏览器,桌面、android、ios平台,发现仅有【ios+微信浏览器】才会出现这个问题,使用微信开发者工具调试也没有问题,最后通过工具调试微信浏览器,也没找到什么原因,一脸懵逼。
找不到原因,只好去猜测,首先看样式排查一下是否屏蔽了用户选择操作,发现没有,为了避免有漏网之鱼,全局添加一个样式:
[contenteditable = "true"], input, textarea {
-webkit-user-select: auto!important;
-khtml-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
-o-user-select: auto!important;
user-select: auto!important;
}
发现没有效果,然后感觉是键盘弹出后再收起才出现的,根据经验猜测可能是这个:
BrowserModule, IonicModule.forRoot({
scrollAssist: false // 注意:true键盘弹出时内容能自己滚动
}),
当时是因为ionic4的bug把它设置为false,现在把scrollAssist改为true
后,再在微信浏览器打开,问题解决。
网友评论