<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - &lt;input&gt; of type=checkbox,radio,file doesn't fire `input` events"
   href="https://bugs.webkit.org/show_bug.cgi?id=149398">149398</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>&lt;input&gt; of type=checkbox,radio,file doesn't fire `input` events
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>WebKit Nightly Build
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>Macintosh
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>Mac OS X 10.10
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>HTML Events
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>webkit&#64;chrisrebert.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Per the following portions of the HTML specification:
* <a href="https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox):event-input-input">https://html.spec.whatwg.org/multipage/forms.html#checkbox-state-(type=checkbox):event-input-input</a>
* <a href="https://html.spec.whatwg.org/multipage/forms.html#radio-button-state-(type=radio):event-input-input">https://html.spec.whatwg.org/multipage/forms.html#radio-button-state-(type=radio):event-input-input</a>
* <a href="https://html.spec.whatwg.org/multipage/forms.html#file-upload-state-(type=file):event-input-input">https://html.spec.whatwg.org/multipage/forms.html#file-upload-state-(type=file):event-input-input</a>

when the user changes the checkedness of an &lt;input type=&quot;checkbox&quot;&gt; or &lt;input type=&quot;radio&quot;&gt;, or when a user changes the selected files of an &lt;input type=&quot;file&quot;&gt;, the browser is supposed to fire an `input` event (<a href="https://developer.mozilla.org/en-US/docs/Web/Events/input">https://developer.mozilla.org/en-US/docs/Web/Events/input</a> ) at that &lt;input&gt; element.
Safari/WebKit doesn't currently comply with this, and doesn't fire `input` events in these cases.

Steps to reproduce:
1. Open <a href="http://jsbin.com/jojoji/edit?html,output">http://jsbin.com/jojoji/edit?html,output</a> in Chrome.
2. Check the checkbox.
3. Click one of the two radio buttons.
4. Click &quot;Choose File&quot; and select a file.

Expected results:
After each of steps 2 thru 4, an alert box with the message &quot;input!&quot; should be displayed (because an `input` event should be fired at the respective &lt;input&gt; element).

Actual results:
No alert boxes are shown because no `input` events were fired.

Other info:
Equivalent Chrome bug: <a href="https://code.google.com/p/chromium/issues/detail?id=534245">https://code.google.com/p/chromium/issues/detail?id=534245</a></pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>