Rotating ImageLabel inside ScrollingFrame makes the image go over the top of the frame

Hi,

I’ve come across a really strange situation - I’ve been racking my brain over this for most of today. For some reason when an ImageLabel is rotated inside of a ScrollingFrame, it won’t partially hide like it should when it’s out of view

Here’s the layout of the GUI
→ GUI
→ ScrollingFrame
→ Axe ImageLabel
→ Axe Grey Background ImageLabel

Here’s a gif showing what I’m facing. Each Axe is rotate by 30 degrees:

However, when I set the rotation to 0 degrees it works as intended. In this gif I set the rotation to 0 for the first and second axes:

Does anyone know why this happens? Is it a Roblox Engine bug? Thank you.

1 Like

Any rotated GUI will not be clipped, this is an intentional feature because devs didn’t want to fix their engine, not sure though.

This could be considered a bug, although it has been reported several times before and it looks like Roblox isn’t planning to “fix” it anytime soon.

Currently there’s really no way to work around this other than creating a new image where it has already been rotated. Let’s hope together that Roblox comes around to support rotated clipping soon!

This is intentional, isn’t it?

Yup, pretty much. Roblox doesn’t really seem to care enough to do anything about it for now.

2 and a half years and this still hasn’t been fixed :pensive:

1 Like

Nope, I’m still waiting now haha :frowning:

Maybe one day this will be fixed :sob:

Hi, I’m from the future. Roblox fixed this with CanvasGroup

1 Like

Thank you for the knowledge future person :slight_smile:

1 Like

rip. this bug stills exists sadly…

1 Like

CanvasGroup

2 Likes

Can we PLEASE get someone on the dev team to at least make a statement about this? this is a simple problem which happens using two simple things, rotated images and scrollingFrames.

the absolute silence about it is insane bc i don’t think it’s possible something this common and easily replicated by accident is not on their radar.

either tell us this won’t be fixed and we should use something else instead or fix it, since neither feature is deprecated, i don’t think having to use workarounds is a proper answer.

2 Likes

FOR OTHER FUTURE READERS WHO ENCOUNTER THIS PROBLEM.

READ THIS DOWN BELOW

If you want to apply a rotation on any images without it being clipped out from any Frames.

You will NEED to wrap the image with something called CanvasGroup (It is very useful. You should look it up.)

By wrapping the image with the CanvasGroup and apply rotation on to the image, it will solve the problem perfectly.

You should set the image with the scale of 0.9 - 0.95 to prevent the image being clipped out from the CanvasGroup itself when applying rotation.

Bye!

2 Likes

You should set the image with the scale of 0.9 - 0.95 to prevent the image being clipped out from the CanvasGroup itself when applying rotation.

meaning it doesn’t solve the problem perfectly, it’s a quick fix for the specific cases in which it works, but not for others, specially not the usual case of full sized images.