title: React Event is always Istrusted:false
body: <p>I've created a simple React app that handles a click even. When the <code>onChange</code> event is triggered the event object I get back is <code>{"isTrusted":false}</code>. I have included my code below.</p>
  
  <pre><code>export default class App extends React.Component {
    HandleChange(event)
      {
        console.log(JSON.stringify(event));
      }
  
    render() {
        return (
          &lt;div&gt;
          &lt;p&gt;The damn list.&lt;/p&gt;
          &lt;select onChange={()=&gt;this.HandleChange(event)}&gt;
            &lt;option value="banana"&gt;Banana&lt;/option&gt;
            &lt;option value="orange"&gt;Orange&lt;/option&gt;
            &lt;option value="bread"&gt;Bread&lt;/option&gt;
          &lt;/select&gt;
          &lt;/div&gt;
        );
      }
  }
  
  render(&lt;App /&gt;, window.document.getElementById('app'));
  </code></pre>
  
  <p>If I do something similar in just plain HTML, my event is just fine.  Same browser, same mouse and same clicking.</p>
  
  <p>I would like to know what React is doing that's making Chrome see the event as a scripted change rather than a user change.</p>
  
  <p>Other details:</p>
  
  <p>Running on Windows via npm.</p>