react-color icon indicating copy to clipboard operation
react-color copied to clipboard
verified publisher icon uiwjs

Color picking dark color results in jumpy behavior

Open patrickdundas opened this issue 2 years ago • 3 comments

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.

patrickdundas avatar Dec 28 '23 20:12 patrickdundas

https://github.com/uiwjs/react-color/assets/1680273/11958da0-8ddc-4b9c-b7dd-2aac62af4061

@patrickdundas I have not reproduced the error you describe

jaywcjlove avatar Dec 28 '23 22:12 jaywcjlove

https://github.com/uiwjs/react-color/assets/6844039/18b68c69-6397-49d0-acad-d280f454c54c

@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

patrickdundas avatar Dec 29 '23 00:12 patrickdundas

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

jaywcjlove avatar Dec 29 '23 07:12 jaywcjlove