How can I fix UI Inside of a StrollingFrame with a UIGridLayout?

[MasonX890]

The top part of the first frame in my ScrollingFrame gets cut off at the very top, is there a way to fix this?

My UI:

Also my UI:

[AmoraFolf (Amora)]

This is due to ClipDescendants being enabled on the scrolling frame. It is required unless you want all of the frames to be visible all the way to the top and bottom of the screen (you probably don’t). My suggestion would be add another frame, put the frame with the stroke being clipped inside of that one, and then making the Y scale a bit smaller so it won’t clip (also changing the grid size so the size of it is relatively unaffected)

---

ClipDescendants is a property of all GuiObjects (Frames, TextLabels, ImageButtons, TextBoxes, etc.). It’s purpose is to clip the UI when if it goes outside of the bounds, kind of like if you drew out of the border in Photoshop, or created a mask and colored something out. It’s a bit like that.

Here is a very poor visual rendition I made in less than five minutes:

[MasonX890]

The Only Issue is that now when the user scrolls down the you can still see the frame.

[AmoraFolf (Amora)]

@AmoraFolf

unless you want all of the frames to be visible all the way to the top and bottom of the screen

That is what I said here.

---

@AmoraFolf

My suggestion would be add another frame, put the frame with the stroke being clipped inside of that one, and then making the Y scale a bit smaller so it won’t clip

Try this.
Put the frame you already have into another frame, and make the already existing frame’s Y scale smaller so it doesn’t clip.