Не срабатывает клик по по кнопке. Как правильно подключить?

Question

[Arhangel_one]

Сделал кнопку внутри которой 2 span в одном текст а в другом иконка fontawesome и при клике на кнопку клик по иконке не срабатывает но при клике на текст срабатывает. Как правильно настроить чтобы клик при нажатии на иконку срабатывал ? Пример https://anton-one.github.io/Off-Canvas-menu/

<a id="header-menu-trigger"  href="#" class="header__menu">
	<span class="header__menu-text">Меню</span>
	<span class="header__menu-icon"><i class="fas fa-bars"></i></span>
</a>

Comments

[lamer350]

Только выгружать код в песочницу. Чисто теоретически этого быть не может, где то проблема с вашими стилями. Возможно где то pointer-events мешает кликам...

[FeST1VaL]

уберите href и добавьте role="button", возможно проблема именно что у вас выполняется переход по ссылке, или же в JS изменяйте поведение кнопки, заблокировав стандартное поведение через prevent

[Андрей]

ох ну вы там наговнокодили
самое топорное решение будет

.header__menu-icon {
   ...
    pointer-events: none;
}