Почему меню не сворачивается при клике на слайдер flickity?

Question

[partyzanx]

У меня есть плавающее меню на сайте http://hsk.wiki

При клике любого места кроме меню происходит сворачивание меню, но при клике именно на слайдер flikckity действий не происходит

// Всплывающее меню:
var nav = $('.menunav');
var toggle = $('.hamburger');
var navItems = $('.nav__link');

toggle.click(function (){
	toggleNav();
});

function toggleNav() {
  
  // Show Nav
  nav.toggleClass('menuactive');
  
  // Transform Hamburger into 'X'
  toggle.toggleClass('menuactive');
  
  // Show Nav Items
  navItems.toggleClass('menuactive');
}

$(document).mouseup(function (e) {
    var container = $(".menuwrap");
    if (container.has(e.target).length === 0){
        $('.menunav').removeClass("menuactive");
        $('.hamburger').removeClass("menuactive");
        $('.nav__link').removeClass("menuactive");
    }
});

Прошу помочь, что вписать, чтобы при клике на фликити меню тоже сворачивалось.
Но чтобы как и раньше меню не сворачивалось если кликаешь на вкладки меню.

Comments

[Алексей]

Потому что у слайдера есть своя модель поведения на события мыши.

[partyzanx]

Алексей, как решить проблему, скажите, пожалуйста?

Answer 1

[Stalker_RED]

Видимо в flikckity есть stopPropagation, и клик не всплывает.

Придется переделывать или обработку клика в flikckity или в вашем меню, захватывать на клик на этапе спуска, например. (useCapture = true)