ImageLabels inside of ScrollingFrame appear out of Frame when rotated

I’m currently facing an issue, that if ImageLabel’s inside of a ScrollingFrame’s value is set to anything except 0, they appear out of frame? It’s very weird.

It’s really irritating and I was wondering if anyone knew how to fix this bug if there even is a fix, I attached some demonstrations below. Thanks.

image

Still need help with this if possible. :slight_smile:

Enable this on your frame / scrolling frame
image

Already enabled, would there be anything else causing this?

Sadly rotation does not work with ClipsDescendants., however you can fix this by using a CanvasGroup instead. Just replace the frame that has ClipsDescendants with that.

1 Like

Damn, that sucks. I’m fairly new to UI so do you mind giving an example of how CanvasGroup works/how I would use it in this instance? I’ve never heard of it before.

Thanks.

CanvasGroups work just like how a normal frame does basically

It functions almost the same as normal frames however they render everything on them as an image, thus they function like ClipsDescendants objects but they don’t bleed over the edges and cannot bleed over the edges.

You can simply put your sword images into a non rotated frame to fix this, don’t put the image directly as a children of the ScrollingFrame.

Also you’re supposed to use a GridLayout for this kind of list as it is a lot easier to manage.
exemple:
Capture