When there is a TextButton covering another TextButton that has a lower ZIndex as shown in the above image, the MouseButton1Down event of the top button fires when the user clicks in the overlapping area. However, once the bottom button’s position is tweened, the MouseButton1Down event of the bottom button fires instead when the user clicks in the overlapping area. The top button still triggers when you click any area outside of the boundaries of the bottom button. Below is a GIF of me demonstrating this bug.
This causes a lot of UI issues in my game. I use an invisible active button to catch clicks that do not actually hit a button behind UI frames to prevent accidental “world” clicks, but now that steals a ton of clicks from buttons with a higher Z-index…
The bottom tabs are easiest to check here. Once you open a menu, it’ll put an invisible button catching clicks behind it (which animates upwards). Then you cannot click it again to close it (but rarely it does work?).
This happens on various other buttons too still.
When you open the menu, none of the buttons will work. I have an invisible button over a visible one which tweens slightly to the right when you hover over it. You can only activate the button by clicking on the sliver of non-overlapping area that’s exposed when the lower button tweens.