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

Question

我正在使用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函数。 因为单击永远不会在单选/复选框按钮上发生（仅在某些计算机上）。

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

Answer 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索引是罪魁祸首。 删除后，一切正常。 我想z-index在触摸屏设备上起着一定作用。

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