Unexpected Color Change After Pasting Copied Color and Editing

[taras-dashkevych]

What is the current behavior?

When a copied color is pasted into the input field, then the color is changed using the color holder, and some numbers are removed using backspace, the color picker unexpectedly changes colors.

Please provide the steps to reproduce and create a JSFiddle also reproduced here https://simonwep.github.io/pickr/

Screen.Recording.2024-12-13.143226.mp4

1. Paste the color #FFFFFF into the input field.
2. Change the color to #FF0000 using the color canvas.
3. Press backspace twice. The color changes to #FFFF0000.
4. After that, the color always changes back to #FFFFFF.

What is the expected behavior?

The color picker should not automatically replace the color after removing a symbol with backspace. It should remove the symbol and set the color based on the new value.

Your environment:

Browser-version:  Microsoft Edge Version 131.0.2903.86 (Official build) (64-bit) (but same on Chrome)
Operating-system:  Windows 11