Ui-Router without explicitly set z dimension reorders after transition

[rknell]

Hi Everyone,

Ok so if you are using ui-router and have a page setup like so:

<fa-modifier>
<fa-surface fa-background="'black'"></fa-surface>
<fa-surface fa-background="'purple'"></fa-surface>
</fa-modifier>

The first time the page loads it will be purple, but after a transition it will be black. If you do this however:

<fa-modifier fa-transform="[0,0,-1]">
<fa-surface fa-background="'black'"></fa-surface>
</fa-modifier>

<fa-modifier fa-transform="[0,0,0]">
<fa-surface fa-background="'purple'"></fa-surface>
</fa-modifier>

It works fine. Figuring that order matters in famous, I figured it was a bug worth sharing (with the easy work around if anyone else gets stuck)