title: Should the HTML <select> element dispatch `beforeinput` events?
body: <p>The <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event" rel="noreferrer">MDN page</a> for <code>beforeinput</code> states that:</p>
  <blockquote>
  <p>The DOM beforeinput event fires when the value of an <code>&lt;input&gt;</code>, <code>&lt;select&gt;</code>, or <code>&lt;textarea&gt;</code> element is about to be modified</p>
  </blockquote>
  <p><code>&lt;select&gt;</code> is clearly mentioned as supporting the <code>beforeinput</code> event.</p>
  <p>This also seems to be true based on my simple reading of <a href="https://w3c.github.io/uievents/#event-type-beforeinput" rel="noreferrer">the spec</a>:</p>
  <blockquote>
  <p>Trusted Targets: <em>Element (specifically: control types such as HTMLInputElement, etc.)</em> or any Element with contenteditable attribute enabled</p>
  </blockquote>
  <p>(emphasis mine)</p>
  <p>However, no browser seems to implement it. I have checked Chrome, Safari and Firefox.</p>
  <p>Am I understanding something incorrectly?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const sel = document.getElementById('pet-select')
  sel.addEventListener('beforeinput', () =&gt; console.log('beforeinput!'))
  sel.addEventListener('input', () =&gt; console.log('input!'))</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label for="pet-select"&gt;Choose a pet:&lt;/label&gt;
  
  &lt;select name="pets" id="pet-select"&gt;
      &lt;option value=""&gt;--Please choose an option--&lt;/option&gt;
      &lt;option value="dog"&gt;Dog&lt;/option&gt;
      &lt;option value="cat"&gt;Cat&lt;/option&gt;
      &lt;option value="hamster"&gt;Hamster&lt;/option&gt;
      &lt;option value="parrot"&gt;Parrot&lt;/option&gt;
      &lt;option value="spider"&gt;Spider&lt;/option&gt;
      &lt;option value="goldfish"&gt;Goldfish&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>