title: <input type="number"> scroll behaviour differ with React
body: <pre><code>import React from 'react';
  import { render } from 'react-dom';
  
  const App = () =&gt; (
    &lt;input
      type="number"
      min={0}
      max={99999}
      step={1}
    /&gt;
  );
  
  render(&lt;App /&gt;, document.getElementById('root'));
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/rr0qj41omq" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit rr0qj41omq"></a></p>
  
  <p>If i focus the input box and enter a number, I'm able to change the number by using the mouse scroll wheel while hovered over the input box.</p>
  
  <p>However, when I create a .html file with the following content, I'm <strong>not</strong> able to change the number via scrolling. Any idea what's the reason?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;body&gt;
      &lt;input
        type="number"
        min={0}
        max={99999}
        step={1}
      /&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>