Arnaud Bienner Reporter
	Description • 10 years ago

There was some ideas about how to implement this in bug 547004 comment 22 (attachment 437584 [details]), bug 547004 comment 70 and bug 547004 comment 71, at the end.

Quoting the (IMO) most interesting parts:

Mounir: "Then the user would click on it, if the list attribute is specified, it will show the colors and let the user choose another one with 'Other' which will show the color picker. Otherwise, it will directly show the color picker.
This is highly inspired from the Google's document."

Arnaud: "I think it will be nice to have something similar to Chrome and Opera: a drop-down list available with the list of colors when |list| attribute is specified.
I prefer the Chrome's one, as it displays the list only when |list| is specified, while Opera always displays it, with a default list of colors if |list| isn't specified, but I'm not sure this is really useful.
Or we can add those colors to the "custom colors" part of the color picker, if it has one?"

Mounir: "The UI you proposed look good to me. We might want to use the XUL color picker (that is basically a list of colors). We should probably involve the UI team though."

	Max
	Comment 1 • 10 years ago

As per suggestions above, I think there has to be an option to display list colours without 'Other' button too. To suggest only predefined colours to the users. Not sure if it's in par with the specs though.

	Arnaud Bienner Reporter
	Comment 2 • 10 years ago

IIRC the spec, we shouldn't restrict user choice, but only indicate some pre-defined/preferred values (but maybe I'm wrong or it has changed since. If you think it's the case, could you please point me out to the part which part of the spec says this?)

	Max
	Comment 3 • 10 years ago

I cant point you to any specs to support my opinion. And I agree that by default we should not restrict users choices. However, in my experience I had situations where I had to build a color picker with predefined colors to prevent "colour soup" on site/service/CMS. Something like OSX Maveriks Finder context menu color tags are limited to seven colors only.

	Arnaud Bienner Reporter
	Comment 5 • 10 years ago

Bug 1016715 contains an example of how to use the datalist attribute + how is it rendered in Chrome (attachment 8429661 [details]).

	Sebastian Zartner [:sebo]
	Comment 6 • 6 years ago

Another solution would be to display the predefined colors above or below the color picker. This avoids having to click twice to get the color picker, though it may require to create a separate color picker instead of using the system's one. Having said that, the Windows color picker already provides a palette of predefined colors in its color picker dialog. Not sure how it is in other systems, though.

Sebastian

	Sebastian Zartner [:sebo]
	Comment 7 • 6 years ago

Here's a screenshot of the dialog in Windows. And, of course, I meant custom colors and not predefined colors.

Sebastian

	Pulsebot
	Comment 15 • 1 year ago

Pushed by evilpies@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/90c4dc2efa19
Implement the list attribute for <input type=color>. r=emilio,geckoview-reviewers,m_kato