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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • github排名https://github.com/trending,github搜索:https://gith...
    小米君的demo阅读 10,274评论 2 38
  • 在模型类中定义类 Meta,用于设置元信息 ordering :对象的默认排序字段,获取对象的列表时使用,接收属性...
    流蓝浅阅读 1,079评论 0 0
  • 孩童时代,每年的春节联欢晚会我都会看完赵本山的小品才去睡觉。赵本山的作品非常贴近中国人的现实生活,讲述的都...
    彝火之鹰阅读 3,047评论 0 1
  • 第四天晚餐 第五天,肩膀不一样了
    云琦琦阅读 1,417评论 0 1
  • 目录 第一章:传奇始 正值初春,空气中还微微有些凉气,匀染苑经年不枯的梧桐树下,锦衣宽袍的少女正酣睡着。一头青丝松...
    一之鱼阅读 3,237评论 3 4