Input type="color" is as bad as it gets.

%3CLINGO-SUB%20id%3D%22lingo-sub-2072467%22%20slang%3D%22en-US%22%3EInput%20type%3D%22color%22%20is%20as%20bad%20as%20it%20gets.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2072467%22%20slang%3D%22en-US%22%3E%3CP%3ECan't%20seem%20to%20turn%20this%20browser%20color%20picker%20off%20(disabled)%20and%20use%20the%20Windows%2010%20(1981%3F)%20color%20picker.%20I%20went%20to%20flags%20%22Web%20Platform%20Controls%20updated%20UI%22%2C%20it%20did%20nothing%20to%20turn%20off%20this%20mickey%20mouse%20Chromium%20color%20picker.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20a%20color%20picker%20needs%20is%3A%3C%2FP%3E%3CP%3E1.%20Most%20important.%20Some%20buttons%20!!!%20like%20'Cancel'%20and%20'OK'.%20You%20drag%20the%20the%20swatch%20and%20the%20color%20value%20changes.%20However%2C%20the%20change%20event%20is%20fires%20on%20lost%20Focus%20and%20you%20get%20the%20color%20you%20may%20not%20even%20want.%20Hence%20a%20'Cancel'%20button%20and%2For%20'OK'%20button%20to%20set%20the%20value).%3C%2FP%3E%3CP%3E2.%20What%20year%20is%20the%20WIndows%2010%20system%20color%20dialog%3F%20I%20can%20get%20it%20in%20Chrome%20by%20turning%20the%20flag%20%22Web%20Platform%20Controls%20updated%20UI%22%20to%20disabled.%20However%2C%20not%20in%20Edge.%3C%2FP%3E%3CP%3E3.%20a%20Color%20eyedropper%2C%20which%20it%20has%2C%20Thank%20Gawd.%3C%2FP%3E%3CP%3E4.%20Finally%2C%20in%20all%20the%20flag%20setting%2C%20why%20not%20state%20the%20default%20value%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2072965%22%20slang%3D%22en-US%22%3ERe%3A%20Input%20type%3D%22color%22%20is%20as%20bad%20as%20it%20gets.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2072965%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3EI%20don't%20often%20use%20the%20color%20picker%2Feye%20dropper%20but%20what%20you%20mentioned%20in%20%234%20i%20totally%20agree%20with%2C%20been%20saying%20the%20same%20thing%20for%20more%20than%20a%20year.%3CBR%20%2F%3Eit%20makes%20so%20much%20sense%20but%20still%20when%20I%20ask%20developers%2C%20they%20say%20more%20people%20need%20to%20request%20it%20to%20have%20higher%20priority%2C%20and%20by%20that%20they%20are%20referring%20to%20either%20submitting%20feedback%20through%20browser%20feedback%20button%20or%20probably%20this%20form%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fwww.microsoftedgeinsider.com%2Fen-us%2Fsupport%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.microsoftedgeinsider.com%2Fen-us%2Fsupport%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2072985%22%20slang%3D%22en-US%22%3ERe%3A%20Input%20type%3D%22color%22%20is%20as%20bad%20as%20it%20gets.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2072985%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F929966%22%20target%3D%22_blank%22%3E%40RobertStewart%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPowerToys%20also%20has%20an%20advanced%20color%20picker%20tool%2C%20works%20on%20all%20programs.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22pt-colorpicker-hex-editor.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F247369i65DC2BDFB887BAE4%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22pt-colorpicker-hex-editor.png%22%20alt%3D%22pt-colorpicker-hex-editor.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fwindows%2Fpowertoys%2Fcolor-picker%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fwindows%2Fpowertoys%2Fcolor-picker%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FPowerToys%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fmicrosoft%2FPowerToys%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Can't seem to turn this browser color picker off (disabled) and use the Windows 10 (1981?) color picker. I went to flags "Web Platform Controls updated UI", it did nothing to turn off this mickey mouse Chromium color picker.

 

What a color picker needs is:

1. Most important. Some buttons !!! like 'Cancel' and 'OK'. You drag the the swatch and the color value changes. However, the change event is fires on lost Focus and you get the color you may not even want. Hence a 'Cancel' button and/or 'OK' button to set the value).

2. What year is the WIndows 10 system color dialog? I can get it in Chrome by turning the flag "Web Platform Controls updated UI" to disabled. However, not in Edge.

3. a Color eyedropper, which it has, Thank Gawd.

4. Finally, in all the flag setting, why not state the default value?

 

 

 

 

3 Replies
Hi,
I don't often use the color picker/eye dropper but what you mentioned in #4 i totally agree with, been saying the same thing for more than a year.
it makes so much sense but still when I ask developers, they say more people need to request it to have higher priority, and by that they are referring to either submitting feedback through browser feedback button or probably this form
https://www.microsoftedgeinsider.com/en-us/support

@HotCakeX  I not referring to a color eye-dropper picker like in DEV tools or Powertoys. I'm talking about using the browser's built-in COLOR PALETTE selector when using the HTML5 "<input type='color' />" (similar to jQuery Plugins but worst). e.g. make 2 DIVs with no background color.  Select one and open the html5 INPUT color palette. It only has a 'Change' and 'Input' event and no buttons.
1. Using Canvas or whatever, select and add a color from the palette to the first DIV. Use a little code the change the css background to the palettes selected color value.
2. Now select the the second div and add the same color.

You can't, the same color value has not 'Changed' NOR or it's 'INPUT' value.

Same goes for the Window's Gawd awful looking (year 19??) color palette dialogue.

 

palette.png