Semantic UI React Sidebar OnHide - PullRequest
Новая
       24

Semantic UI React Sidebar OnHide

0 голосов
/ 15 сентября 2018

Я работаю с боковой панелью полной страницы в Semantic UI React с добавленным диммером.Он отлично работает на всех устройствах, кроме Safari и iOS (iPad / iPhone) и т. Д. Проблема, с которой я сталкиваюсь, заключается в том, что событие click, которое обычно вызывает вызываемую функцию «onHide», не похоже на то, что она работает на apple.устройства.Если вы переходите к документации Semantic React для затемненной боковой панели, то это происходит и с примером:

http://react.semantic -ui.com / maximize / sidebar-example-dimmed /

и ссылка на документацию к их боковой панели:

https://react.semantic -ui.com / modules / sidebar /

Шаги для создания:

  1. Переключите затемненную боковую панель, чтобы отобразить ее на своем компьютере / рабочем столе (или в любом другом браузере, кроме Safari, похоже).
  2. На компьютере щелкните в любом месте внутри затемненной области - боковая панель переключается и скрывается.
  3. Сделайте это на iPad / iPhone (Safari) - событие onhide никогда не вызывается нажатием затемненной области.

Я что-то упустил здесь в Semantic UI React?Есть ли простой способ заставить срабатывать встроенный триггер при нажатии на затемненную область для боковой панели на всю страницу на устройствах Apple (у меня на моем сайте нет кнопки переключения)?

enter image description here

РЕДАКТИРОВАТЬ : Это относится к iPhone и iPad, а не к Safari.

1 Ответ

0 голосов
/ 02 ноября 2018

Попробуйте добавить этот метод "closeSidebar" и новое событие onClick в Sidebar.Pusher: 

closeSidebar = () => {
  if (this.state.visible) {
    this.setState({ visible: false });
  }
};

<Sidebar.Pusher dimmed={visible} onClick={this.closeSidebar}>
...