1***@qq.com
1***@qq.com
  • 发布:2017-05-03 15:37
  • 更新:2017-09-27 11:01
  • 阅读:1303

input输入框

分类:MUI

<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输入框才会弹出键盘,用户体验不好,因为需要搜索的放大镜图标,请大神看一下怎么解决

2017-05-03 15:37 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com (作者)

顶一下啊

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

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

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

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

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

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