Клик не срабатывает по внутреннему элементу?

Question

[STINGRAY_DEVELOP]

Есть вот такая навигация. Обработчик клика висит на квадратике, который я выделил. Внутри него есть еще элемент div, в котором находится текст меню.
Когда мышь попадает на внутренний элемент, клик не работает. Не дает кликнуть.
Как сделать так, чтобы кликать можно было на в любое место и в том числе на дочерние элементы?

Comments

[STINGRAY_DEVELOP]

Не убирая внутренний див. Если убрать, то все нормально будет работать.

[Pashok Doom]

OWIII, попробуй навесь на внутренний див стиль pointer-events: none

Answer 1

[hzzzzl]

Обработчик клика висит на квадратике, который я выделил. Внутри него есть еще элемент div, в котором находится текст меню.

то есть квадратик отдельно, и элемент меню отдельно?
если внутренний див только для этого, то правильнее было бы увеличить элемент меню через паддинг или line-height, и ловить нажатие на нем, а не на другом элементе

Answer 2

[dvsherbakov]

внутренним элементам выставить pointer-events: none;