为什么搜索框要点击两次才能唤起键盘?

代码如下:

<div class="mui-input-row mui-search" style="margin: 5px;">

<input type="search" class="mui-input-clear" placeholder="Search">

</div>

需要点击两次搜索框 才能唤起键盘,如果去掉 mui-search 点击一次就可以,是正常的,但是会没有那个放大镜的图标.



2016-04-16 14:40 添加评论 分享
已邀请:
1

zhzhl1993@163.com - 解决iOS离线打包相关项目及问题

赞同来自: 306459054@qq.com

折腾了好久,感谢Safari的在线调试功能,帮助我顺利解决了这个bug。
在mui-search外面包含了mui-inner-wrap之后就会出现这个bug。别的控件不知道有没有这个现象,我用到的就是这个。原理应该是mui-placehold绝对定位之后在iOS端产生事件穿透导致的。
解决办法:
.mui-search .mui-placeholder {
pointer-events: none;
}

目前就是这样解决的。可以给DCloud提交个bug了。


0

xingway

赞同来自:

我也遇到这种情况 需要点击两次才能获取焦点


0

DCloud_MUI_FXY

赞同来自:

手机型号,系统版本


0

conanhawke@qq.com

赞同来自:

我也碰到这个问题了、需要点击两次搜索框才能弹出键盘
问题重现环境:
iPhone6、iOS10.2、Safari


0

知行合一 - 承接PHP、WEB前端、API开发等业务(QQ:859672)

赞同来自:

我也碰到的,iphone6 微信
MUI模拟的搜索框需要点击两次,才会使Input获取焦点弹出键盘。
而未加mui-search的控件可以正常弹出键盘。
在PC上用chrome测试并不会出现这种情况。


要回复问题请先登录注册