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.

[hukasu]

the workaround is having a camera just for gizmos that render after the UI camera

[hukasu]

configging gizmos to a render layer

https://github.com/hukasu/aoc2024_vis/blob/a9696d7e8c764a8e70c3d7727defeba93cc29000/src/main.rs#L42-L47

ui targetting camera on layer 0

https://github.com/hukasu/aoc2024_vis/blob/a9696d7e8c764a8e70c3d7727defeba93cc29000/src/scenes/day24/mod.rs#L55-L66

camera on gizmos render layer

https://github.com/hukasu/aoc2024_vis/blob/a9696d7e8c764a8e70c3d7727defeba93cc29000/src/scenes/day24/part2.rs#L143-L154