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.

Link:
https://launch.playcanvas.com/619311?debug=true

Please help.

Initial position:
image

On click of the button:
image

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