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

OMG！检查库版本兼容性，检查js文件，检查操作系统版本，检查浏览器版本后，结果是 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在触摸屏设备上扮演了一些角色。

希望这有助于某人！：（

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

1 个答案: