The hue jumps to red when leaving the colour picker area

[hanneslsm]

Description

The hue of the color picker jumps to red, when leaving the area of the color picker with the mouse. This makes selecting grey tones with a color tint very difficult, when accidentally moving the mouse too left.

Step-by-step reproduction instructions

1. select a color with the color picker
2. select a color by holding the mouse down
3. move the mouse outside of the color picker area

Screenshots, screen recording, code snippet

Screen.Recording.2023-01-27.at.15.41.29.mov

Environment info

• Brave browser Version 1.47.171 Chromium: 109.0.5414.87 (Official Build) (arm64)
• MacOS 13.1
• Custom, new theme, created with https://github.com/WordPress/create-block-theme

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[t-hamano]

@hannesdev

Thanks for the report.

I was able to reproduce this issue as well. I can also reproduce it on StoryBook. As far as I have tested, the results are as follows:

• This problem also occurs when the pointer is moved to the bottom
• Does not occur when enableAlpha is false
• Not reproduced if the alpha value is changed from the default, even when enableAlpha is true.

e992b9f3346b7ae090e5e7eb3348d449.mp4

[github-actions]

Hi,
This issue has gone 180 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.

[hanneslsm]

Probably related:

Screen.Recording.2023-08-03.at.08.22.34.mov

@vcanales FYI (since you are assigned to the color picker issue in the UX board)

[yllip]

I also came to write about this problem but I can see that this issue is already open.

[jeflopodev]

yep, same problem here.