UIGridLayout inside ScrollingFrame gets cut off in published game (Perfect in Studio)

[justsmilekudos (Kudos)]

UIGridLayouts inside a ScrollingFrame are getting cut off at the top or bottom depending on the screen size, even though everything uses scale values only (no offsets) and there’s padding added.

I personally prefer playing Roblox games in windowed mode on PC because I like being able to tab out and check notifications easily. Here’s how my inventory looks at 1920x1080 windowed:

And here’s how it looks in fullscreen:

You can still see a little bit of clipping at the top in fullscreen, but it’s not as noticeable as in windowed mode.
What really frustrates me is that this issue only happens in a published game — it works perfectly fine inside Roblox Studio. I have no idea how to fix it.

I believe I forgot to mention, but it looks perfect in the studio viewport and test mode.

I’ll attach a stripped-down version of my inventory UI in a new place file. It only contains UI elements — no scripts.

EDIT: Forgot to set the ScreenGui to IgnoreGuiInset true. New place has it.

goofy inventory ui.rbxl (78.6 KB)

[xcreatee]

Note: I haven’t downloaded your project yet!

I guess ,the top of your UI is rescaled due to a change in the viewport size, which is causing it to cover the top of the ScrollingFrame.

[justsmilekudos (Kudos)]

I believed this may have been the case at one point, so I tested it by setting the ZIndex to “999999999” and setting the background to a high contrast color, such as red. The frame is not being covered by anything else, but the frame resizing causes it’s contents to become jumbled even with all UI elements set to scale. I really don’t understand why the screen changing size would affect anything when all UI is set to scale, which adapts relative to the screen

[justsmilekudos (Kudos)]

I fixed it by adding a Frame with a scale of {1, 0, 1, 0} into the ScrollingFrame, then moving the UIGridLayout and UIPadding into the new Frame instead and everything works as it should!

Before:

After (fix):

goofy inventory ui (FIX).rbxl (78.7 KB)