149398 2015-09-21 01:41:54 -0700 <input> of type=checkbox,radio,file doesn't fire `input` events 2020-05-05 05:57:35 -0700 1 1 1 Unclassified WebKit HTML Editing WebKit Nightly Build Mac OS X 10.11 RESOLVED FIXED http://code.google.com/p/chromium/issues/detail?id=534245 https://bugzilla.mozilla.org/show_bug.cgi?id=1206616 http://jsbin.com/jojoji/edit?html,output HasReduction, InRadar P2 Normal --- 1 webkit webkit-unassigned ashvayka d jonlee m.goleb+bugzilla m.kurz+webkitbugs rniwa webkit-bug-importer wenson_hsieh oldest_to_newest 1127602 0 webkit 2015-09-21 01:41:54 -0700 Per the following portions of the HTML specification: * https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox):event-input-input * https://html.spec.whatwg.org/multipage/forms.html#radio-button-state-(type=radio):event-input-input * https://html.spec.whatwg.org/multipage/forms.html#file-upload-state-(type=file):event-input-input when the user changes the checkedness of an <input type="checkbox"> or <input type="radio">, or when a user changes the selected files of an <input type="file">, the browser is supposed to fire an `input` event (https://developer.mozilla.org/en-US/docs/Web/Events/input ) at that <input> element. Safari/WebKit doesn't currently comply with this, and doesn't fire `input` events in these cases. Steps to reproduce: 1. Open http://jsbin.com/jojoji/edit?html,output in Chrome. 2. Check the checkbox. 3. Click one of the two radio buttons. 4. Click "Choose File" and select a file. Expected results: After each of steps 2 thru 4, an alert box with the message "input!" should be displayed (because an `input` event should be fired at the respective <input> element). Actual results: No alert boxes are shown because no `input` events were fired. Other info: Equivalent Chrome bug: https://code.google.com/p/chromium/issues/detail?id=534245 1151836 1 webkit 2015-12-31 20:38:43 -0800 Erm, obviously I meant Safari rather than Chrome in the Steps to Reproduce. 1161489 2 webkit 2016-02-02 19:05:19 -0800 HTML spec bug: https://github.com/whatwg/html/issues/601 1180135 3 webkit-bug-importer 2016-04-02 19:27:53 -0700 <rdar://problem/25513372> 1199608 4 webkit 2016-06-06 10:33:33 -0700 Firefox 49 now fires these events. 1309276 5 d 2017-05-16 13:57:57 -0700 Some tests added at http://w3c-test.org/html/semantics/forms/the-input-element/checkbox-click-events.html 1394518 6 m.kurz+webkitbugs 2018-01-30 06:12:49 -0800 The Chrome team marked that bug as fixed as well with Chrome 66: https://bugs.chromium.org/p/chromium/issues/detail?id=534245#c18 1503192 7 lforschler 2019-02-06 09:18:33 -0800 Mass move bugs into the DOM component. 1648805 8 ashvayka 2020-05-04 16:14:04 -0700 (In reply to Chris Rebert from comment #0) > 1. Open http://jsbin.com/jojoji/edit?html,output in Chrome. (In reply to Domenic Denicola from comment #5) > Some tests added at > http://w3c-test.org/html/semantics/forms/the-input-element/checkbox-click- > events.html As of Safari 13.1, jsbin.com example works as expected (for all <input> types) and web platform tests do pass. 1649164 9 m.kurz+webkitbugs 2020-05-05 05:57:35 -0700 More specific details on the fixes: Starting with Safari 12.1 the radio inputs and checkbox inputs fire “click”, “input”, and “change” events in order when clicked. See https://bugs.webkit.org/show_bug.cgi?id=190223 https://trac.webkit.org/changeset/236779/webkit https://webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/ -> "Fixed radio inputs and checkbox inputs to fire “click”, “input”, and “change” events in order when clicked" Preview 67 was mentioned in the 12.1 blog post here (see bottom): https://webkit.org/blog/8718/new-webkit-features-in-safari-12-1/ Starting with Safari 13.1 finally the file input fires an input event before the change event: https://bugs.webkit.org/show_bug.cgi?id=204292 https://trac.webkit.org/changeset/252768/webkit https://webkit.org/blog/9672/release-notes-for-safari-technology-preview-97/ -> "Changed the file input to fire an input event before the change event" Preview 97 was mentioned in the 13.1 blog post here (see bottom): https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/