Меню начальной загрузки Jasny offcanvas не закрывается на мобильных устройствах (iPhone 6 Chrome)

Я использую плагин offcanvas от Jasny Bootstrap для реализации меню. Он работает, как и ожидалось, в настольном браузере. Однако на мобильных устройствах (точнее, на iPhone 6) меню не закрывается, если пользователь щелкает за пределами меню. В настольном браузере, когда отображается меню вне холста, щелчок за пределами области меню закрывает меню. Я что-то упустил, это ошибка или это ожидаемое поведение?

Я воспроизвел эту проблему, сравнивая настольный Chrome и iPhone Chrome, используя прилагаемый образец меню Jasny Bootstrap:

http://www.jasny.net/bootstrap/examples/navmenu-push/


angularjs twitter-bootstrap twitter-bootstrap-3 jasny-bootstrap
person tyipss    schedule 16.10.2015    source источник
comment
Я разместил аналогичный вопрос (stackoverflow.com/questions/35682102/< /а>)   -  person mitsest    schedule 11.03.2016

Ответы (1)


arrow_upward
1
arrow_downward

типс! Возможно, это баг, хотя похоже, что я могу воспроизвести его только на реальном iPhone6 ​​(не в инструментах разработчика Chrome). Вы можете явно скрыть меню в его функции обратного вызова, как здесь:

$('.your-menu-selector').on('shown.bs.offcanvas', function() {
  $('.your-backdrop-element').on('click', function() {
    $('.your-menu-selector').offcanvas('hide');
  });
});
person Ssh    schedule 18.08.2016