Treating the child as a different entity

I have a scene where I have button element. When the button element is pressed a new menu appears under it. If the the button is clicked again, the menu disappears. It is just like a drop down list. This new menu is basically a child of the previous button.

On this menu element there are several buttons. When I click on one off the buttons on the present on the drop down menu, the drop down list disappears(goes to the initial state). What I understood from the scene is that when I click on one of the buttons on the drop down menu, playcanvas acts as if I clicked on the parent button.

What I want is that playcanvas should not treat the drop down menu as the parent button.


Please help.

Initial position:

On click of the button:

When I hovered over the red button, it believes that I hovered over the original button: