美文网首页ionic4+
ionic4在ios微信浏览器输入框聚焦问题

ionic4在ios微信浏览器输入框聚焦问题

作者: IT晴天 | 来源:发表于2019-01-18 16:17 被阅读12次

    记录个小问题

    客户反映应用在微信浏览器上有问题,有时输入框无法聚焦从而无法输入。开发找我求助,我去试遍了主流浏览器,桌面、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后,再在微信浏览器打开,问题解决。

    相关文章

      网友评论

        本文标题:ionic4在ios微信浏览器输入框聚焦问题

        本文链接:https://www.haomeiwen.com/subject/kzdndqtx.html