飞奔的少年
飞奔的少年
  • 发布:2017-06-21 17:27
  • 更新:2017-09-27 11:02
  • 阅读:2025

手机H5页面---mui默认搜索框,苹果手机需要点击两次才能弹出键盘

分类:MUI

<div class="mui-content-padded" style="margin: 5px;">
<form action="">
<div class="mui-input-row mui-search">
<input id="keyword" type="search" class="mui-input-clear" placeholder="请输入名称">
</div>
</form>
</div>
代码如上

手机页面---mui默认搜索框,苹果手机需要点击两次才能弹出键盘(官网提供的demo),第一次点击,搜索的icon向左移动,需要再次点击,键盘才会弹出~

但是电脑浏览器和安卓手机使用正常。

请问该如何解决~~谢谢各位了

2017-06-21 17:27 负责人:无 分享
已邀请:
9***@qq.com

9***@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:03

z***@163.com

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

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

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

该问题目前已经被锁定, 无法添加新回复