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

292 stars 98 forks source link

Open patrickdundas opened 10 months ago

patrickdundas commented 10 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 10 months ago

@patrickdundas I have not reproduced the error you describe

patrickdundas commented 10 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 10 months ago

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