Input type=“color”: Firefox vs. Chrome

3 points

10 years ago

Do you prefer the behaviour of the color picker [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color] of Firefox or Chrome?

Firefox (v43 on macosx): - the user click the input - open the color picker - choose the color - close the picker - firefox set the color in the input value and trigger a change event

Chrome (v48 on mac): - the user click the input - open the color picker - choose the color - chrome set the color in the input value and trigger a change event - close the picker

the main difference is in the 2 last steps, chrome is triggering a lot of events when I drag and drop the cursor on the picker, Firefox set the value just after closing the picker.

I have tested this on my personal website for a theme color picker, and in that case I prefer the Chrome implementation for the visual feedback (I can show instantly the results), but I have got problems with logging (just want to log when the user close the picker).

What do you think about it? Do you have tested other scenarios?