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后,再在微信浏览器打开,问题解决。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券