Flickering Occurs When Tweening UIGradient Transparency

Reproduction Steps
Put a UIGradient in any UI object. Set its transparency to a NumberSequence with three keypoints. Move the middle keypoint from time 0 to time 1. As you’re moving it, you should be able to see the object flickering. This happens when editing the transparency with the properties widget, as well as when doing the same thing through a script.

System info:

  • GPU: AMD Radeon RX 5700

  • CPU: AMD Ryzen 7 3700X

  • RAM: 16gb

Here’s a file that has an empty baseplate except for one UI object, which the bug happens to:
Uploading: UIGradient transparency bug.rbxl…

Expected Behavior
This bug didn’t always happen. I don’t know when it exactly started happening. In the first 7 seconds of this YouTube video, you will see what my logo intro (the Light Works logo) looked like before this bug started happening. The logo wipe effect simply changes the time position of a NumberSequence keypoint through a script, the exact same way you would manually if following my repro steps.

Actual Behavior
This is what it looks like now:

It flickers when manually editing the timeposition of the keypoint through the properties widget, as well as when changing it in a script.

Issue Area: Engine
Issue Type: Display
Impact: High
Frequency: Constantly


Thanks for the report ! We are aware of this issue and we’ll provide an update when we have one.


Any update? It’s still happening and it’s quite distracting for players and can’t easily be replaced with preexisting methods. I thought by now it would be fixed, seems to only happen to Images from my limited testing.

Hi, we are investigating a similar issue that might be related, do you still have the repro file or do you mind sharing your UIGradient (especially rotation) settings? We will put up a fix shortly, but would like to double check if it fixes your specific issue. Thanks.

Yeah, here’s the repro file that I originally linked in the post:

UIGradient transparency bug.rbxl (31.8 KB)