mdn / mdn/browser-compat-data

html.elements.input.type_color - last example does not work in two browsers

Open Beginner friendly
#20,077 9 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:firefox data:html needs browser bug
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

MDN URL

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

What specific section or headline is this issue about?

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/color#result

What information was incorrect, unhelpful, or incomplete?

The example explains two different events (input and change), but only the change event actually changes the color. The input event does not do what it says it should.

What did you expect to see?

I expected to see the paragraph color change as I chose different colors in the color picker, as the page says it should.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

I am on Ubuntu 22.04, and tried in Firefox 114 and Falkon 3.2.0. It looks like both are using the system color picker, which is likely the problem.
But the explanation should account for having only one event at the end of selection instead of implying that both events are always triggered.

MDN metadata
Page report details

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open files/en-us/web/html/element/input/color/index.md and inspect the Result section and its final example. Compare the explanation of the input and change events with the reported Firefox and Falkon behavior, then revise the documentation so it does not imply that both events always produce continuous color changes. Confirm that the example’s event description matches the expected browser behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.