Не скрывается иконка menu, почему?

На МОБИЛЬНОМ разрешении https://iwyse.github.io/UI-kit/
перепробовал везде изменять индексы, не помогло.
Пробовал так же через js прокинуть классы, но скрывается только тот на который нажимаю.
Сам скрипт
document.querySelectorAll('.menu-body').forEach((wrapper) => {
	const menu = wrapper.querySelector('.menu');
	const menuList = menu.querySelector('.menu-list');
	const menuClosed = menu.querySelector('.menu-mobile-close');
	const menuToggle = wrapper.querySelector('.menu-mobile-toggle');
	const menuOverlay = wrapper.querySelector('.overlay');
	
	menuList.addEventListener('click', (e) => {
		if (!menu.classList.contains('active')) {
			return;
		}
		if (e.target.closest('.menu-item')) {
			toggleMenu();
		}
	});
	
	menuToggle.addEventListener('click', () => {
		toggleMenu();
	});
	menuClosed.addEventListener('click', () => {
		toggleMenu();
	});
	menuOverlay.addEventListener('click', () => {
		toggleMenu();
	});
	
	function toggleMenu() {
		menu.classList.toggle('active');
		if (menu.classList.contains('active')) {
			bodyLock();
		} else {
			bodyUnlock();
		}
		menuOverlay.classList.toggle('active');
	}
})


window.onresize = function () {
	if (this.innerWidth > 991) {
		if (menu.classList.contains('active')) {
			toggleMenu();
		}
	}
};
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
@hesrun
Проблема в z-index блоков .menu-body
Они имеют одинаковый в z-index, но фактически следующий в потоке будет имеет его выше...
Подробнее протестируйте наследование z-index элементов, "там не все так однозначно")))
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы