UICorner removes a pixel off the sides

Simple problem. If I have 2 frames, both with UICorner and one inside the other and I do this:

You can clearly see a pixel has been removed from the edge of the UICorner frame

I hope this isn’t an intended feature? As it’s been the main reason I am yet to switch to UICorners. Also, the edges have a clear blur on them.

Repro for those who can’t be bothered doing it themselves
Edge Repro.rbxl (22.2 KB)

4 Likes

Our place has the same issue. I suspect its a larger problem with the UI engine in general, specifically that when downscaling it doesn’t do any anti-aliasing on the borders. You can see this issue being most apparent when putting a UI whose Size offset is odd inside of a UI whose Size offset is even

Not entirely sure what you mean by this comment?

But I suspect that problem may be due to how offset works. Offset works in pixels. So if you have a frame that’s 200 in width. And then put a frame that’s like 197 (or any odd number) inside of it, you can’t centre it. As the difference is 3, and half of 3 is 1.5 (you can’t have 0.5 of a pixel)

1 Like

That’s exactly what I meant. In such cases, Roblox should slightly blur both edges so that it looks centered - this is called anti-aliasing. I noticed that this issue happens much more often with UICorner, on the curves.

I noticed that when embedding things inside of a UICorner, because of the issue you mentioned with a pixel gone from the side, it makes centering things inside of a UICorner’ed element look bad

1 Like

Thanks for the report. We have noted the bug and will take a look into it soon.

3 Likes

Blur edges wouldn’t make things become more centered. If I want a straight line, squared image, then I want sharp, precise lines