It seems that Text causes incorrect sizing on automatically sized containers.
Reproduction file:
uiscale-text-repro.rbxl (63.9 KB)
This is the heirarchy of the UI, you can see there are no constraints.
The TextBackground (blue box) is 32px tall, automatically sized on X.
The TextLabel is within it, sized at UDim2.fromScale(0, 1) and automatically sized on X.
I’ve contained this into a red container. It has no size, and automatically sizes on XY. We should not be able to see this container since it should always be blocked by the blue TextBackground.
The TextLabel’s font size is quite small, set to 20. The maximum font size the engine allows is 100.
This is what it looks like at 1x:
1.5x:
2x:
You can see that for some reason the Red container becomes visible at 2x.
The issue is exacerbated at 3x and 4x:
If I now hide the TextLabel, and instead place an appropriately sized 20px-wide Frame, with the exact same properties as the TextLabel, the AutomaticSizing issue on the container seems to be solved, the blue background covers the red container perfectly:
This issue only happens with Text. It seems to also have to do with the size of the Text, as using a lower font size allows you to scale the UIScale higher without running into the problem.
To be clearer, this container:
does not perfectly contain to the Y bounds of this container:
when it is UIScaled AND has Text inside of it.
Expected behavior
The red container should always contain the blue container.