Color picking dark color results in jumpy behavior

uiwjs / react-color

🎨 Is a tiny color picker widget component for React apps.

https://uiwjs.github.io/react-color

MIT License

274 stars 92 forks source link

Open patrickdundas opened 8 months ago

patrickdundas commented 8 months ago

Issue is reproducible both in code and on the live demo site: https://uiwjs.github.io/react-color/#/colorful

use the second picker on the page, under Usage section
Drag the color picker to the lower dark range - it jumps around and is unusable
For some reason, this does not occur in the "example" pickers that are not accompanied by a code snippet

This occurs for several other demo pickers on the site, making this unusable in my projects. This is occurring in Chrome.

jaywcjlove commented 8 months ago

@patrickdundas I have not reproduced the error you describe

patrickdundas commented 8 months ago

@jaywcjlove thanks for looking. This is what I'm seeing on my end.

Using Chrome Version 120.0.6099.130 (Official Build) (64-bit) on Windows 10

Edit to add:

I cannot reproduce this on Firefox 121.0 (64-bit) (Windows 10) - it works as it should
I can reproduce this on other chromium browsers, such as Microsoft Edge, so I believe this is a Windows + Chromium issue

jaywcjlove commented 8 months ago

@patrickdundas This is a problem caused by color conversion. Using HSVA color values circumvents this problem.