Hi all,
I am trying to create a simple UI with a menu bar on top and the main content (scrollview) below. Both is attached to a canvas with a VerticalLayoutGroup.
When clicking on on a button in the menu bar, I am displaying a dropdown menu with additional buttons, but so far this one was always displayed behind the main content, because the menubar (and thus everything belonging to it) was in the canvas hierarchy behind the main content.
However I cannot change this because it would change the order in the VerticalLayoutGroup and the menu bar would be displayed on the bottom.
After lots of research and different tries (changing the z value of the dropdown menu etc.), it seemed like I found the solution: adding a canvas component to the dropdown menu, overwriting the order and giving it another sorting layer. So now the dropdown menu is indeed displayed in front, however when trying to click one of the buttons, I instead click through them and actually end up clicking on the buttons of the main content view in the background.
Here a screenshot to illustrate what I mean:

Instead of clicking on “Map” I end up clicking on the big button in the background.
Any ideas what I could do?
PS: I just realized it’s not really a Scripting question but rather a UI/2D one, sorry for the wrong sub-forum…
