react-color icon indicating copy to clipboard operation
react-color copied to clipboard

Sketch & Chrome inputs stay focused on Saturation drag

Open mduchev opened this issue 6 months ago • 1 comments

Steps to reproduce:

  1. Have a Sketch or Chrome component in your page
  2. Focus on one of the inputs (either on the EditableInput component, or on the RGBA component)
  3. Edit the input's value (let's say that we'll update the Sketch's HEX value)
  4. While focused, click & drag your mouse pointer on the Saturation component above to a totally different color

Expected result:

All of the inputs should update their values respectively to the dragged saturation color

Actual result:

All of the inputs, with the exception of the focused one, update their values. The focused input updates its value only when we unfocus it.

Demonstration of the issue

Image

P.S. You can see an example of how it's supposed to be working on the react-color demo: https://casesandberg.github.io/react-color/

mduchev avatar Jul 30 '25 08:07 mduchev

@mduchev Upgrade v2.7.2

jaywcjlove avatar Jul 30 '25 09:07 jaywcjlove