Bug:
Looking at the Z-order example, it works as I would expect, blue is above green, which is above red. But if I add another rectangle at the beginning (under everything), the green rectangle moves to the top. If I add yet another rectangle under everything, the red rectangle moves to the top. This doesn't make sense.
<Rectangle
id="added2"
color="0xFF00FFFF"
width="400"
height="200"
translation="[900,260]" />
<Rectangle
id="added1"
color="0xFFFFFFFF"
width="400"
height="200"
translation="[800,260]" />
<Rectangle
id="lowestRectangle"
color="0xFF0000FF"
width="180"
height="60"
translation="[190,195]" />
<Rectangle
id="middleRectangle"
color="0x00FF00FF"
width="360"
height="120"
translation="[250,225]" />
<Rectangle
id="highestRectangle"
color="0x0000FFFF"
width="720"
height="240"
translation="[370,285]" />