Hat Shop images rendering while outside of ScrollingFrame

I have a Hat Shop UI prototype, pictured below, where you can buy Hats for different amounts of money. Once you buy a hat, the pricetag is removed and replaced with a “Sold” banner that crosses the button. The purchase buttons are inside of a UIGridLayout which is inside of a ScrollingFrame.

The issue I’m having is that the “Sold” banner is rendering outside of the bounds of the ScrollingFrame (pictured below). I’ve tried changing the ZIndex of the “Sold” banner but it just pushes it below other items and still renders outside of the ScrollingFrame.

Any help would be much appreciated :slight_smile:

Hat shop and sold banners being funky:

Zindex lowered:


Does the sold banner use rotation? Rotated ui objects dont clip properly(known bug). For workaround, bake the rotation in an image editor and just use that.

1 Like

That was it, thanks for letting me know!

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.