Controls added before TextBlock are inoperable

So I noticed that TextBlocks added after other controls seem to block user interaction with those controls as demonstrated here:
https://www.babylonjs-playground.com/#XCPP9Y#1330

As you can see the button added before the text block (the higher one) can not be interacted with but the lower one can be since it was added afterwards. Is this suppose to function this way, or is this a bug with the GUI library? Also I realize I can just add all of my components after all my text blocks but I was curious if there was a reason for this being this way.

Hey, using the inspector, you can see that the textblock is covering the entire screen:

This means that the first button is below.
You just need to ask the system to consider the textblock as invisible for the hit test:

text1.isHitTestVisible = false;