Click not firing on inner element?

Question

JavaScript

There is such a navigation. The click handler hangs on the square that I selected. Inside it there is also a div element that contains the text of the menu.
When the mouse lands on an inner element, the click does not work. Doesn't let you click.
How to make it so that you can click anywhere, including child elements?

Answer 1

The click handler hangs on the square that I selected. Inside it there is also a div element that contains the text of the menu.

that is, a square separately, and a menu item separately?
if the inner div is just for this, then it would be more correct to increase the menu element through padding or line-height, and catch clicking on it, and not on another element