UIStroke With UICorner Rendering Error

Reproduction Steps

When a UIStroke and UICorner are used together, a small 1 pixel gap appears above the bottom border of the stroke, depending on the viewport size.

To Replicate:

  • Add a ScreenGui
  • Add a Frame to the ScreenGui
  • Add a UICorner to the Frame
  • Add a UIStroke to the Frame
  • Resize the height of the viewport (by resizing the Studio size), and you will see the gap appear and disappear depending on the viewport height

Repo File:
Repo.rbxl (39.9 KB)

Expected Behavior

No gap should appear between the stroke and the UI element.

Actual Behavior

Depending on the viewport size, a small 1 pixel gap appears above the bottom border of the stroke.

Workaround

This is a rendering error with no workaround.

Issue Area: Engine
Issue Type: Display
Impact: High
Frequency: Constantly
A private message is associated with this bug report

6 Likes

Related

4 Likes

Thanks for the report! We’ll follow up when we have an update for you.

2 Likes

Any updates ? I have this issue on my end as well, and it’s especially obvious when the instance has a rotation, a UICorner and a UIStroke.

1 Like

having same issue, is this still being worked on?

1 Like

Still having the same issue.
image

Do you mind getting us a simple set up of your file so we can take a further look? Would be most helpful if you can also provide information of display resolution and system display scaling. We did released a fix for the original issue a while ago and I can no longer repro with the repro file above.

image
This is still a major issue. I can send UI repro if needed

1 Like

It’s still a persistent issue when creating GUIs directly in Roblox Studio. The 1-pixel gap between UIStroke and a Frame with UICorner is still there, and it can be quite annoying once noticed, especially when trying to make clean rounded UI. I can even include the gui file if you wish.

image

3 Likes

Still happening…
image

1 Like

Yeah i think that it won’t be fixed anytime soon…

2 Likes