227700 2021-07-06 03:39:12 -0700 Inconsistent 'change' event dispatch on color input 2021-07-07 11:49:17 -0700 1 1 1 Unclassified WebKit Forms Safari 14 Unspecified macOS 11 NEW InRadar P2 Normal --- 1 dan webkit-unassigned akeerthi cdumez webkit-bug-importer wenson_hsieh oldest_to_newest 1774914 0 432916 dan 2021-07-06 03:39:12 -0700 Created attachment 432916 'input' and 'change' events on <input type=color> <input type=color/> opens a popup containing color swatches. Clicking on any color swatch produces an `input` event, followed by a `change` event and (crucially) closes the popup. The _Show colors..._ button opens up the macOS native color picker. Dragging the cursor around the color wheel produces pairs of `input` and `change` events. I believe `change` event should be reserved to the user committing the value change by dismissing the color picker. This would be consistent with behaviors in both Chrome/macOS and Firefox/macOS. Attached for convenience is a simple test case with a color input that logs its `input` and `change` events in the browser console. 1774915 1 dan 2021-07-06 03:56:03 -0700 Related Google Chrome issue, marked as fixed: https://bugs.chromium.org/p/chromium/issues/detail?id=405059 1774932 2 gsnedders 2021-07-06 07:05:29 -0700 Per https://html.spec.whatwg.org/multipage/input.html#common-input-element-events: > The change event fires when the value is committed, if that makes sense for the control, or else when the control loses focus. 1774933 3 webkit-bug-importer 2021-07-06 07:05:42 -0700 <rdar://problem/80208921> 432916 2021-07-06 03:39:12 -0700 2021-07-06 03:39:12 -0700 'input' and 'change' events on <input type=color> color-input-events.html text/html 456 dan PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4KCTx0 aXRsZT5IVE1MIGNvbG9yIGlucHV0czogRE9NIGV2ZW50IHRlc3RzPC90aXRsZT4KCTxzdHlsZT4K CQlib2R5IHsKCQkJaGVpZ2h0OiAyMDB2aDsKCQl9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJ PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgoJCWxldCBlbCA9IGRvY3VtZW50LmNyZWF0 ZUVsZW1lbnQoJ2lucHV0Jyk7CgkJZWwudHlwZSA9ICdjb2xvcic7CgkJZG9jdW1lbnQuYm9keS5h cHBlbmRDaGlsZChlbCk7CgkJbGV0IGZuID0gZSA9PiBjb25zb2xlLmxvZyhlLnR5cGUsIGUudGFy Z2V0LnZhbHVlLCBlKTsKCQllbC5hZGRFdmVudExpc3RlbmVyKCdjaGFuZ2UnLCBmbik7CgkJZWwu YWRkRXZlbnRMaXN0ZW5lcignaW5wdXQnLCBmbik7Cgk8L3NjcmlwdD4KPC9ib2R5Pgo8L2h0bWw+