ionic4在ios微信浏览器输入框聚焦问题
记录个小问题
客户反映应用在微信浏览器上有问题，有时输入框无法聚焦从而无法输入。开发找我求助，我去试遍了主流浏览器，桌面、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后，再在微信浏览器打开，问题解决。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.01.18 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读