SliderPicker Dynamic Brightness about react-color

[t1mmen]

I'm also running into the last swatch not being selectable issue.

For those looking for a workaround: pass the color prop as HSL values instead of HEX.

Thank you for all your hard work, @casesandberg!

Edit

Per the swatches, it sounds like you would like to see the color is passed down in the center and the outside swatches + and - brightness of that color? Is that correct?

This is the behavior I expected as well, would love to see this implemented!

[MFIMichael]

Just to add a bit more info to this: It seems to be when I add onChangeComplete and color to control the hex state in my component.

<ColorPicker type="slider" onChangeComplete={this.handleBackground} color={this.state.background} />

with

getInitialState(){
    return {
      background: '1861A9'
   };
},
handleBackground(swatch){
    this.setState({
      background: swatch.hex
    });
  },

so none of the 5 swatches are selected (whereas, with no props used the last swatch is usually selected). Selecting any of the first 4 swatches works normally. Selecting the last swatch WILL change the background state, but it will not 'select' the last swatch (ie, it grows in size briefly, then shrinks again as if not selected)

[casesandberg]

@MFIMichael thanks for more details about this!

Per the swatches, it sounds like you would like to see the color is passed down in the center and the outside swatches + and - brightness of that color? Is that correct?

As for the last swatch not being selectable, that is current a known problem with the color conversion library I am using at the moment. I am going to be switching to a different one here within the next few days which should fix the issue!

[MFIMichael]

Thanks! And yes, my expectations are as you have described. :)

[casesandberg]

Going to track this in the v3.0.0 milestone to make sure it gets in there!