Move VisualElement Child to front

I have a container Visual element using Templates that can be dragged around.
Dragging works, however, they are layered as they are in the UXML Hierarchy.

How would i pull a element to the top to be fully visible when clicked.

I Found "BringToFront" on VisualElement, but doesn't seem to do anything

Any suggestions on reordering the children of a Parent Element from the context of one of the children?

Thanks!

Running 2020.2.0b11, Ui Toolkit/Builder 1.0-preview.13

 

So I figured out a few things. BringToFront is the correct method to use to bring a UI element in front of it's siblings.
There are a few caveats though.

When using uxml templates remember that the template gets wrapped by a VisualElement. So when you want to bringToFront, you need to run it on this.parent rather than this.BringToFront.

The second issue I ran into was with things bouncing around. Couldn't figure out what the issue was. Then it occurred to me that the template container was set to position relative rather than absolute. Switching to absolute resolved that issue.

Now when a template is clicked on, it is brought to front of other overlapping sibling elements, and it's position remains the same.

 

Thanks a lot Bro, you saved me a lot of time, I am also working on modal system and got the same probleme with relative position, just put absolute position in my template and now it's working like a charm