采用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属性