ScrollingFrame's Descendants don't show correctly

Help and Feedback Art Design Support
#1

Hello!

While adding more things to a donation UI of mine, I had to had more (clothing). Before all was just in one Frame. I decided to try a scrolling frame instead of having small elements.

However I ran into this very annoying issue:

2021-08-24 (2)
Ignore the 10kR$ I duplicated one and just didn’t change the text.

So as you can see the scrolling bar is kinda in the way. I tried to turn off clipdescendants but it doesn’t work (it’s just inside a rectangle).

So basically here’s what I got:
(properties)

ScrollingFrame:

AutomaticCanvasSize: XY
CanvasSize: {0, 0},{1, 0}

UIGridLayout:

CellPading: {0.05, 0},{0.05, 0}
CellSize: {0.2, 0},{0.2, 0}

HorizontalAlignement: Center
VerticalAlignement: Center
StartCorner: BottomRight

So basically this slight detail is a bit annoying.
So this is my first time using ScrollingFrames and I do not know much about them.
So I am wondering how to fix this annoying detail.

Thanks for reading!

#2

Fixed it a bit, just turned down the ScrollBarThickness.

1 Like
#3

You can use the scrollbar inset property to make the scrollbar “push” over the elements to make room for it. Just set it to either “Scrollbar” or “Always”.

1 Like