So I have a complex issue with my current menu.
The menu itself has layers like so:
In that image that is the default state of the menu before I click anything.
Once I click a button in the menu, the canvas panel is set to move along the X-Axis, left, a certain amount for a cosmetic effect.
If I click another button in the next layer of the menu that is revealed, it will further animate the menu across the x-axis some more.
The end result looks like this: (Note I am just clicking play in the designer to show the first and then second layer animations)
So my issue is this,
After entering the first and second layer @ runtime, opening a retainer box with a texture and scroll box as a child, the** buttons inside said scroll box**, are no longer clickable except for the exact zone as shown here:
And here’s an illustration to show where the active/inactive zones end up:
Now it would seem obvious at first that the issue is because the animation is moving everything BUT the retainer box.
The animation is set to move the ENTIRETY of the canvas panel. This includes the retainer box with the buttons and scroll box inside it.
The buttons move, the scrollbox moves… But the retaining box doesn’t. Causing this issue where the only selectable area of buttons on the scroll box are the ones that just barely overlap where the retaining box would be before the animations.
Does anyone know what is happening?
This is a lot to take in so I’m not expecting miracles xD