UI elements are incorrectly displayed & misaligned

https://www.roblox.com/games/7200003285/Super-Skyward-Towers

You’ll see the text getting messed up in the loading screen, when the problem occurs.

Thanks! I’ve confirmed the fix that I’m working on fixes the problem. Next time we enable HiDPI you should not notice any artifact. Text and UIs will just look sharper.

4 Likes

I’ve noticed that after the latest Roblox client update, the viewport is blurry on HiDPI screens. The GUIs are correctly scaled and sharp, but the 3D viewport is low-resolution and blurry. The 3D viewport should be using the full resolution of my screen.

2 Likes

This is still causing unwanted and undesired behaviour. See my previous post, which I still believe is valid:

After testing with a non-integer scaling setting, I’d like to add that ProximityPrompts are shown incorrectly at high DPI as well. The lines that make up the “loading circle” are shown even when the proximity prompt is not being used.

image
150% scaling
image
No scaling

5 Likes

Something like this is happening to me again where Roblox UI is now bigger (maybe around 1.5x bigger) but isn’t blurry. It was working fine yesterday and I temporarily fixed the blurry scaling issue by changing an FFlag in the local roblox files (don’t remember which one though).

3 Likes

I also have to change an FFlag to make it display correctly. Really disappointed that Roblox hasn’t done anything to account for high-density displays

1 Like

Which FFlag did you enable/disable? It would be great if I could temporarily fix for now until Roblox issues an official fix (again)

1 Like

This issue is still occurring and actively degrading my experience playing Roblox. GUIs are scaled correctly but the viewport is blurry.

2 Likes

FFlagClientEnableHiDpi2 on Windows, FFlagMacClientEnableHiDpi on macOS

1 Like

HiDPI was recently enabled.
I’m not sure if this issue that I am facing is related to the bug, but the issue is probably related to it.


In these images, you can see that the UI has been misaligned when I am using a UIListLayout.

image
In this image, you can see that these are the properties that have been set for the UIListLayout.

Reproduction file.rbxl (38.6 KB)
Here is the reproduction file if you need it.

How do I use these? I opened them up and I have no idea what to do with them…

Recently made a bug report that covers a similar issue. Maybe this HiDPI thing is related to it? :confused: (I’m aware the report’s title sounds funny, but can’t edit it because the bug report wizard was used.)

But yeah my UI is entirely screwed up now.

:point_up_2: That is the closest I could get to remotely matching what it previously used to look like.


I don’t have any footage of the original UI with multiple frames in action though.

But this is a mockup of what it used to look like.

2 Likes

That’s just a website for tracking the changes Roblox has made to FFlags. If you want to change them locally, you will need to do it manually. If you’re on Linux you can use Grapejuice to do it, otherwise you’ll have to dig around in config files manually since Roblox Studio Mod Manager only works for Studio and macOS simply has no equivalent (because everyone hates macOS for no reason).

1 Like

Hi all, we are gonna be looking into all the UI alignment issues. Please, if you could provide a repro case, or point us to places where the issues can be reproduced, that would be greatly appreciated! Also, let us know at what DPI scales are causing the problems. Let me know if these issues are critical and are disrupting your experience. We can disable HiDPI on these experiences until the issues are resolved.

For those that want the 3d viewports to render at full resolution, you can try using the DFFlagDisableDPIScale flag, or if you are adventurous the DFFlagVariableDPIScale2 flag. These flags will reduce performance, which is why they are not enabled by default, but we are looking into ways of enabling them when the hardware is sufficiently capable.

3 Likes

I am using the windows 8.1 DPI Scaling, which I heard it fixes the blurring in some of the text- While there may be an alternative, it appears that this scaling factor is making the UI elements really big in my 1080 screen

BrickBattle Reborn has an issue where the killfeed text labels, which are using AutomaticSize, will size themselves such that when the text is actually rendered, it wraps when it shouldn’t.

Please make sure this is manually overrideable.

Can you provide instructions for overriding fast flags without using third-party software? Is there a file somewhere I can modify, safely, without executing untrusted code on my computer?

Can you provide instructions for overriding fast flags without using third-party software? Is there a file somewhere I can modify, safely, without executing untrusted code on my computer?

I wrote a brief guide here:

2 Likes

Is it possible to add such a feature flag that allows the 2D UI layers to render at full resolution (i.e. before this update), as has been done for the game viewport?

It’s all well and good having the 3D viewport more or less as it was before, but it does little to remedy the usability issues when all the UI elements and Humanoid names/chat bubbles are still being scaled up.

Can you show a screenshot, indicate what game you are seeing this on, and at what DPI scale? The DPI scaling should make the text and other UI appear at the same size, but render at a higher resolution. If we enabled HiDPI without scaling, then everything would look much smaller. The scaling is what makes things look the same size, despite the resolution change.