Border / radius doesn't respect full Node size.

[eidloi]

Bevy version

0.14.2

What you did

I use rounded borders on UI elements.

What went wrong

When there is not enough space for the entire Node to be visible, the node is squished. This is extremely visible with rounded borders, as the rounding gets distorted and remain fully on screen.

• what were you expecting?

Node should be clipped

• what actually happened?

Node get squished.

Additional information

This is with flex shrink: 0. I think rendering uses the visible clip rect as if it was the full UV 0-1 range, rather than clamping the UV to the visible portion.

The effect is clearly visible on the radio buttons in the gif below, but also notice the button corners remaining on-screen as well:

[alice-i-cecile]

Can you test this on main? @ickshonpe has done a great job fixing a number of small bugs.

[alice-i-cecile]

FYI @nicoburns; this may be a taffy bug instead.

[eidloi]

Can you test this on main?

geeez, this might take a hot minute:

warning: `sickle_ui_scaffold` (lib) generated 2 warnings
error: could not compile `sickle_ui_scaffold` (lib) due to 178 previous errors; 2 warnings emitted

[alice-i-cecile]

Well on the bright side the release candidate for 0.15 is slated for October 4th, so you can use this to start the migration 😅

[eidloi]

Well on the bright side the release candidate for 0.15 is slated for October 4th, so you can use this to start the migration 😅

EntityCommands consuming itself needs me to rewrite the entire library... again..., so it might take a while.

[ickshonpe]

It's still a problem in main, I noticed this as well a day or two ago when I was working on improving Overflow support. It's not to do with Taffy, it's just that the renderer isn't adjusting the coordinates to account for clipping. This wasn't a problem in the border-radius implementation I wrote, I guess that part got lost in the adopted simplified version. I'll work out a fix.

[eidloi]

Well, fixing all the build errors got me here, so I am afraid I won't be able to provide further input for the time being.

[ickshonpe]

There are more problems as well, you can see them in this screenshot:

It's from a modified version of the outlines examples where I added a border radius of 25px to the images. The outlines should be cut off by the clipping not wrapping the visible part of the image and the rendered border-radius is elliptical even though we don't support it.