bevy icon indicating copy to clipboard operation
bevy copied to clipboard
verified publisher icon bevyengine

Rounded corners are not clipped

Open viridia opened this issue 1 year ago • 3 comments

When a UI node with border radius >0 is partially off-screen, the rounded corners are applied after clipping.

Bevy version

0.14-dev

viridia avatar Apr 25 '24 04:04 viridia

BTW, at first I thought that this might be difficult to fix because clipping happens earlier in the pipeline. However, if the UV coordinates are correct for background images, then they should also be correct for rounded corners. So it might not be that difficult.

viridia avatar Apr 25 '24 23:04 viridia

Just encountered this issue as well

ross-byrne avatar Aug 23 '24 13:08 ross-byrne

Actually after testing, it seems it doesn't matter if a border radius is added or not. It's like the border of the overflowing child is overlapping the border of the parent.

See screenshot: Screenshot from 2024-08-23 16-05-00

Edit: for context, I'm using bevy v0.14.1

ross-byrne avatar Aug 23 '24 14:08 ross-byrne