引导程序问题，以在移动设备上打开模态

Question

我有一个由php周期生成的表。每行都有一个打开模式的按钮，在PC上可以完美运行。在移动设备上，我遇到了这些问题。 1.首次加载页面时，浏览器不允许我单击打开模式的按钮。要解锁它，我必须首先单击页面上（此表之外）的任何其他按钮。 2.当我打开模态时，关闭模态后问题再次出现。我必须在其他任何按钮上单击两次，才能再次“解锁”那些打开模态的表格。

我做了几次尝试，还尝试删除页面上的所有其他元素，以了解问题是否取决于其他原因，但我什么都没解决。有谁知道这可能是什么？

const Row = ({ index, style }) => (
  <div className={index % 2 ? "ListItemOdd" : "ListItemEven"} style={style}>
    Row {index}
  </div>
);

class Example extends Component {
  scrollCheck = event => {
    const bottom = event.target.scrollHeight - event.target.scrollTop === event.target.clientHeight;
    if (bottom) {
      console.log("At The Bottom"); //Add in what you want here
    }
  };

  render() {
    return (
      <Fragment>
        <div onScroll={this.scrollCheck}>
          <List
            className="List"
            height={150}
            itemCount={1000}
            itemSize={35}
            ref={this.listRef}
            width={300}
            id="myDiv"
          >
            {Row}
          </List>
        </div>
      </Fragment>
    );
  }
}