Cannot paste HEX value into the color picker
darkostanimirovic opened this issue · comments
Description
I'm trying to paste a color into the color picker's HEX value, but it doesn't work.
The context menu isn't there, keyboard shortcut doesn't do anything. This means I need to remember and retype the value myself, which is obviously not ideal.
Steps to reproduce
- Copy a HEX code from somewhere, like here: #ffffff
- Go to http://leonardocolor.io/
- Click on the Key Color
- Click on the color mode switch 2 times to get to the HEX value
- Try to paste the value
Expected behavior
It should paste the HEX value. If I can type the value myself, it should accept input from the clipboard too.
Screenshots
Environment
- Chrome 84.0.4147.89 (Official Build) (64-bit)
- Mac OS 10.14.4
Additional context
On other browsers it's showing a different/native color picker so I'm unable to produce the same results...
Thanks!
Thank you @Dartanjan !
This issue relates to #67. Unfortunately the update to Chrome’s native controls caused this issue.
Ah too bad. At least there's an alternative – I use bulk colors input and just add that one color.
Speaking of which, it looks like for the bulk colors I have to use the number sign character # for every code in the list. This isn't a "problem" but since both Figma and Sketch copy just the HEX value when you select a color (without the hash character) then it adds a bit of work. Would be great if it could decode both variants, with #f8f8f8 and just f8f8f8.
Thank you, that's a great idea. I've added another ticket for that feature.
FYI @Dartanjan the bulk color input has been updated to support hex codes without the #
Closing this issue as the remainder of the context relates to issue #67
It seems the 'color' type input for Chrome still has this PASTE issue. it will clean to empty when PASTE for any inputbox. i am using 'color' input as following.
<input type="color" .../>
not sure we are talking about the same thing, if Yes. can you please share how to change to use 'the bulk color input'? Thanks.