Reproduction Steps
I’ve recently started experiencing a bug that’s affecting my UI across the board, which was not an issue before a recent update.
When you combine 9-sliced images with UIScale, there is now sometimes a pixel missing in the sliced image entirely, making for some very jarring visuals.
EDIT: This seems to be independent of UIScale, though they are present in my UI.
What it should look like:
What it looks like now in certain cases (i.e. odd-sized windows scaled at a certain size)
There’s a single pixel missing from the center area which typically gets sliced away, and also some pixels at the bottom sometimes disappear, as though the bottom half of the slice has been shifted 1 pixel down from where it should be.
This also happens in the horizontal direction, from the same exact image:
This is happening in studio tests on Windows 10.
This happens even if I set my monitor display resolution scaling to 100% (is usually is at 125%):
Here is a file containing a repro:
NineSliceBugRepro.rbxl (39.5 KB)
In order to reproduce this bug, you need to create a custom emulator device with an odd size.
I am using a 800x599 device, which is the smallest supported window size for Roblox on desktop currently:
This bug appears to happen no matter what your display scaling is, but in case it doesn’t appear correctly try setting this to 100%:
Expected Behavior
The bottom half of the image should be shifted up 1 pixel visually (in the vertical case), or the right half of the image shifted to the right 1 pixel visually (in the horizontal case).
Actual Behavior
A pixel line of the image is cut off in the center, as well as a pixel line at the bottom/left edge.
Issue Area: Engine
Impact: High
Frequency: Constantly
Date First Experienced: 2021-05-23 00:05:00 (-06:00)
Date Last Experienced: 2021-05-25 00:05:00 (-06:00)