<div class="mui-content-padded">
<div class="mui-input-row mui-search">
<input type="search class="mui-input-clear" placeholder="搜索">
</div>
</div>
.mui-search这个class类用于app开发是可以点击一次就可以触发光标弹出键盘,但是用于微信公众号开发需要点击两次input输入框才会弹出键盘,用户体验不好,因为需要搜索的放大镜图标,请大神看一下怎么解决
4 个回复
1***@qq.com (作者)
顶一下啊
1***@qq.com (作者)
我顶
z***@163.com
折腾了好久,感谢Safari的在线调试功能,帮助我顺利解决了这个bug。
在mui-search外面包含了mui-inner-wrap之后就会出现这个bug。别的控件不知道有没有这个现象,我用到的就是这个。原理应该是mui-placehold绝对定位之后在iOS端产生事件穿透导致的。
解决办法:
.mui-search .mui-placeholder {
pointer-events: none;
}
目前就是这样解决的。可以给DCloud提交个bug了。
2017-09-27 11:02
Sinea - www.sinea.cn
type="search后面少了个双引号 正常的input都能单点触发吧
1***@qq.com (作者)
http://hz.huiyexing.cn/test/dongke.html 官网的源码,你用手机上面的浏览器打开试试就知道了
2017-05-04 14:09
Sinea
回复 1***@qq.com:嗯 确实不行 mui官方demo手机浏览一样的问题 那你可以选择用css实现 input:focus + .icon{}
2017-05-04 14:24
z***@163.com - 解决iOS离线打包相关项目及问题
折腾了好久,感谢Safari的在线调试功能,帮助我顺利解决了这个bug。
在mui-search外面包含了mui-inner-wrap之后就会出现这个bug。别的控件不知道有没有这个现象,我用到的就是这个。原理应该是mui-placehold绝对定位之后在iOS端产生事件穿透导致的。
解决办法:
.mui-search .mui-placeholder {
pointer-events: none;
}
目前就是这样解决的。可以给DCloud提交个bug了。