Addition/Deletion of number for Saturation or Lightness in the ChromePicker replaces the value with "%%".

Steps to reproduce:

1) Using the ChromePicker component, assuming saturation/lightness value to be 100%, delete the two 0's from the number.
Expected Saturation/Lightness value: 1% , Result Saturation/Lightness value: 1%%
2) Now click anywhere on the screen, the value changes to 100%. Expected value was 1%.


3) Similarly, when entered a number in the Saturation/ /Lightness the number is appended by two percentages "1%%" or "12%%" or "122%%". This is also reproducible for Hue component.

Start by reproducing the issue in the ChromePicker component, editing the saturation, lightness, and hue number inputs as described. Trace how those inputs format and update their percentage values, then verify that editing does not create duplicate percent signs and preserves the entered value after focus leaves the field.

Written by the indexing model from the issue text.