UI incorrectly scaled on iPhone XS

Expected behavior:
UI on the iPhone XS should scale up to fit the entire screen and should look like this:

Actual behavior:
How it looks on iPhoneXS:

You can also see in the screenshot that the roblox button and leaderstats button are positioned too far in the middle.

Repro place:
repro.rbxl (42.5 KB)

On further investigation this doesn’t occur constantly. Sometimes a black bar appears at the notch of the phone which fixes the incorrect UI placement.
Example:

Issue Area: Engine
Impact: Low
Frequency: Constant

EDIT:

1 Like

We’ve filed a ticket into our internal database for this issue, and we will update you when we have further information!

Thanks for flagging!

2 Likes

Hi, thanks for reporting this behavior!

We are currently A/B testing notch support for 10% of users. Notch support involves rendering the 3D view behind the notch on phones with notches, like the iPhone XS, and also insetting ScreenGui UI by default. This prevents the UI from being covered by the notch unintentionally.

Currently, 90% of users will see the black bar (legacy behavior), if they are selected to not receive notch support. So, that’s why you might see notch support on/off depending on which user is logged in.

If you would like to learn about how ScreenGuis can be customized to render content in the area around the notch, please check out the notch support beta feature post.

Please let me know if you have any questions about notch support!

2 Likes