Gizmos draw below UI

[torsteingrindvik]

Bevy version

0.15.3

Bug

i have blocked out some UI using CSS grids, see the image:

I removed the background color on some of the middle UI parts such that the gizmos are visible.

If I don't spawn the grid CSS hierarchy at all:

I expected to see all of these gizmos on top of the UI in the first image.

I have tried to make gizmos belong to render layers=1 via gizmo configs and having an additional camera with order=1, render layers=1 in order to render on top, but this had no effect.

[alice-i-cecile]

Long-term, I think the fix is to make UI a normal camera-driven element with an explicit UI camera. In the shorter term though, perhaps there's a workaround I don't know about. Check how the UI debug tool works?

I definitely think that this should be configurable, but I think the current behavior (gizmos below UI) is likely the right default.