I have a UI panel(menu item) that contains many child elements (buttons, text etc).
I have animated the panel to fade in and position into the correct place when pressing a button.
Now I created a seperated animation for when I click on a button in the menu, some of the text and other menu items will fade out.
However these two (parent panel animation and child button animation) seem to collide.
Since when I press the button in the menu the animation runs.
But then when the parent panel animation is run the button animation snaps back to its starting state (gets overruled by the parent animation).
The parent animation does not have any child elements animated only the main panel, so I assumed there should be no conflict but there is.
How can this be?