browser-compat-data icon indicating copy to clipboard operation
browser-compat-data copied to clipboard

html.elements.input.type_color - Firefox Android color input only has preselected swatches

Open azeemh opened this issue 2 years ago • 0 comments

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

Firefox on android does not support color input -- it only lets users select from premade swatches. There is no input of a color from the user.

What browsers does this problem apply to, if applicable?

Firefox

What did you expect to see?

I expected firefox to have the same level of support for color input as they did in 2013. Their current implementation does not meet spec but is reported to meet spec.

Screenshot_20220725-100947_Firefox

Did you test this? If so, how?

I tested Chrome and Firefox on android. Chrome supports custom colors/shades.

Any RGB or HSL support should be included in spec.

for example a paint swatch company would need to make a javascript just because android and /or firefox communities are lazy and havent added code that already exists for native color pickers.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://blog.mozilla.org/ux/2013/12/a-new-colour-picker-on-firefox-for-android/

has a proper solution that meets spec. its surprising that we still dont have that today.

Do you have anything more you want to share?

The following gif shows chrome's dynamic color picker vs firefox's static color selector, on android (Samsung Galaxy S9)

ezgif com-gif-maker

MDN URL

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

MDN metadata

MDN page report details
  • Query: html.elements.input.type_color
  • Report started: 2022-07-25T16:45:54.188Z

azeemh avatar Jul 25 '22 16:07 azeemh