Style Editor, Developer Framework - Color Picker Component mouse dragging color update issue

Description

Compared to the regular Color Picker. The Color Picker that the Style Editor uses doesn’t update if your cursor goes too far out. And this is concerning for the quality of all future color pickers that get introduced in Roblox Studio, especially the New Properties Plugin.

It does have a few other minor issues other than that though.

 

The best but also worst workaround is putting an invisible ImageLabel on the entire screen for mouse position…

I don’t think future built-in Luau plugins should be… a workaround thing. That doesn’t sound like a long-term solution.

Re-production Steps

See the attached video in Private Messages

  • Open an Empty Baseplate

  • Select StarterGui

  • At the top, select the “UI” Tab

  • Click on “Style Editor” and create a empty style

  • Click on Stylesheet and do “New > Pseudo Instance > UIGradient”

  • Add a property named “Color”

  • Click on “Color” to open the Color Sequence Editor

  • Click on this
    image

  • Click on the color picker and move it around

  • Observe

Expected Result

When you leave the Color Picker area, I expect the color to still update, while I am holding down the mouse button.

Actual Result

When you leave the Color Picker area, it stops updating, until you release the left mouse button.

A private message is associated with this bug report