chrome手机模式调试ionic项目点击不了select里面的内容

Question

这是我的代码：

 <div class="list">
      <div class="item-group row">
        <div class="col col-33">
          <label class="item item-input item-select"> 
            <select ng-options="option.name for option in formData.years track by option.id" ng-model="formData.selectedYear" ng-change="changeSnapshot()"></select>
          </label>
        </div>
        <div class="col col-67">
          <label class="item item-input item-select">
            <select ng-options="option.ShotName for option in formData.snapshots track by option.SSId" ng-model="formData.selected" ng-change="changeSnapshot()"></select>
          </label>
        </div>
      </div>
    </div>

Answer 1

这个好像是chrome的bug，有时点的了，有时点不了，但是到了移动端是可以的

Answer 2

最近我也出现了这个问题，在ionic.bundle.js里，修改tapIgnoreEvent这个方法，改成`function tapIgnoreEvent(e) {
if (e.isTapHandled) return true;
e.isTapHandled = true;
if(ionic.tap.isElementTapDisabled(e.target)){

  return true;

}
if(e.target.tagName=='SELECT'){

return true;

}
if (ionic.scroll.isScrolling && ionic.tap.containsOrIsTextInput(e.target)) {

e.preventDefault();
return true;

}
}`

Answer 3

你找出原因没 我现在也在愁这个问题 T T...

Answer 4

更新一下ionic版本

Answer 5

也遇到这个问题，自己使用的试ionic的1.1版本吧，会在部分模拟器以及部分安卓手机上有这个问题
后更新到1.3解决。

Answer 6

用fastclcik时也会出现点击不了的现象

Answer 7

解决方法来自:https://forum.ionicframework....
在select外的div加入属性 data-tap-disabled=”true”

<div data-tap-disabled="true">

<select> 
     <option value="one">One</option>
     <option value="two">Two</option>
</select>

</div>