单击未触发的下拉复选框/单选按钮项目答案

【问题标题】：Click on the dropdown checkbox/radio buttons items in not triggered单击未触发的下拉复选框/单选按钮项目
【发布时间】：2017-10-05 18:47:16
【问题描述】：

我正在使用 react-bootstrap-multiselect。

我检查了版本，但所有版本的库都是相同的。我只是从他们的文档中复制粘贴的代码。这是这里 - https://github.com/skratchdot/react-bootstrap-multiselect

这只发生在某些机器上。我无法在我的机器上重现此问题。 :( 真的很奇怪。

以下是无法运行的机器的详细信息： whatismybrowser.com/w/JJHX6T8

我的机器。再次，对我来说它正在工作！： whatismybrowser.com/w/9GMNNNN

<Multiselect
  id={this.props.id}
  maxHeight={200}
  onDropdownHide={this.onFilterClose}
  onChange={this.handleChange}
  data={componentData}
  multiple={this.props.multiselect}
  buttonText={function (options, select) { return text; }} />

handleChange 函数永远不会被调用。因为在单选/复选框按钮上永远不会发生点击（仅在某些机器上。）

更新： 此问题仅出现在带有触摸屏的设备上。（触摸屏笔记本电脑、智能手机、平板电脑）

【问题讨论】：

标签： javascript html css reactjs bootstrap-multiselect

【解决方案1】：

天哪！检查库版本兼容性，检查js文件，检查os版本，检查浏览器版本，结果是CSS！！

.dropdown-menu-filter{
  background:#525050;
  padding: 30%;
  border-radius: 0;
  outline: none;
  z-index: 1;
  min-width: 146px !important;
  overflow-y: scroll;
  height: 117px !important;
  margin-top: 10px;
}

z-index 是罪魁祸首。删除它后，一切正常。我猜 z-index 在触摸屏设备上扮演了一些角色。

希望这对某人有所帮助！ :(

【讨论】：