Событие onClick не работает в Safari iOS - PullRequest
Новая
       48

Событие onClick не работает в Safari iOS

0 голосов
/ 19 марта 2020

Я занимаюсь разработкой веб-приложения с использованием React js. Каждый уголок приложения прекрасно работает при работе на chrome для настольных компьютеров и android устройств. Проблема в том, что сафари не запускает onClick={}, и я не знаю почему. Вот некоторые соображения:

  1. когда страница загружается в первый раз, попытка щелкнуть по элементу так рано (менее 1 сек c) приведет к срабатыванию onClick. и после этого это не сработает.
  2. Я искал и пытался стилизовать элемент: cursor: 'pointer'.
  3. Я пытался использовать React-Tappable .
  4. Я также пытался удалить все стили * 1014.

К сожалению, ни один из вышеупомянутых способов не сработал. Вот фрагмент кода, который я написал: 

<div
  onClick={this._open_profile_image}
  style={{
    position: "absolute",
    display: "flex",
    justifyContent: "center",
    width: "100%"
  }}
>
  <img
    onClick={this._open_profile_image}
    src={this.state.file}
    alt="Avatar"
    style={{
      width: "35vw",
      height: "35vw",
      marginTop: "15VH",
      borderRadius: "50%",
      boxShadow:
        "rgba(0, 0, 0, 0.05) 5px 5px 20px 7px, rgba(0, 0, 0, 0.13) -5px -5px 30px 1px",
      border: "5px solid rgb(45, 148, 255)"
    }}
  />
  <div>
    {this.state.isOpen && (
      <Lightbox
        reactModalStyle={customStyles}
        mainSrc={this.state.file}
        onCloseRequest={() => this.setState({ isOpen: false })}
      />
    )}
  </div>
</div>;

Я использовал onClick для каждого div и его дочерних элементов, но ни один из них не срабатывает. Любая идея о том, как исправить ошибку этого сафари?

...