使用mui中search控件,mui的input框在安卓/ios系统下无法聚焦或需要点击多次才能聚焦

280 阅读1分钟

采用mui前端框架,在H5页面添加搜索框时,出现了问题:

Android:正常进入页面input框不能聚焦,键盘不弹出,多次点击可能会聚焦。

ios:进入页面input框是可以聚焦的。

可能导致的原因总结了一下几点:

1、在mui-search外面包含了mui-inner-wrap 。mui-placehold的绝对定位后会产生事件穿透

  • 解决办法:添加css样式,设置pointer-events属性
    

2、css里可能写了-webkit-user-select:none,并且作用域覆盖到了input框

  • 解决办法:将css样式修改为-webkit-user-select:auto
    

3、input没有添加type属性