QA/Desktop Firefox/in-content-preferences

<input type=color>

Feature	Status	Release Target	Lead engineer	QA Lead	Status
<input type=color>	Landed in Firefox 29	Firefox 29	Arnaud Bienner, Daniel Holbert	Paul Silaghi, Manuela Muntean	Signed Off

Summary

• implement this new input element type

References

• HTML5/input Wiki page
• Online demos:
  • http://diveintohtml5.info/examples/input-type-color.html
  • http://hg.mozilla.org/mozilla-central/raw-file/tip/layout/reftests/forms/input/color/input-color-1.html
  • http://demo.hongkiat.com/html5-form-input-type/index2.html
  • http://www.html5tutorial.info/html5-color.php
  • http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_color

Use Cases

• Visiting a site with input type="color" buttons:
  • make sure that clicking the button pops up a color picker, and the button-color changes to whatever color is chosen
  • make sure that the button's "value" attribute (observable via e.g. right-click & "inspect element") changes to the hex representation of whatever color you chose
  • make sure the event is correctly fired in the Web Console by adding a onchange="console.log('Color changed:',value)" event in the Inspector html input

Important Bugs

• 547004 - Implement <input type="color">
• 930277 - Flip the pref to enable <input type=color> for Linux/Gtk, Windows and Mac OS
• 929496 - Make GTK color-picker dialog non-modal again, without allowing the same <input type="color"> element to spawn multiple dialogs
• 944737 - Color picker issues when opened simultaneously in 2 Firefox windows