<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong><br>
Bug.</p>
<p dir="auto"><strong>What is the current behavior?</strong><br>
React 15.6.0 generated input <em>DOES NOT</em> fire <code class="notranslate">onchange</code> event when programmatically filled. (<a href="https://jsfiddle.net/davidcalhoun/7xo3ysoy/" rel="nofollow">DEMO</a>)</p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
React 15.5.4 generated input <em>DOES</em> fire <code class="notranslate">onchange</code> event when programmatically filled. (<a href="https://jsfiddle.net/davidcalhoun/770wbkve/" rel="nofollow">DEMO</a>)</p>
<p dir="auto"><strong>Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?</strong></p>
<ul dir="auto">
<li>The reported bug has been tested in Chrome 61.0.3163.100 and Safari 11.0 on macOS 10.13. Both experience the bug.</li>
<li>The bug was not present in React 15.5.4.</li>
<li>My core goal is to create a browser bookmarklet that auto-fills a form within my React app.</li>
</ul>
<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong><br>
<em>bug</em></p>
<p dir="auto"><strong>What is the current behavior?</strong><br>
The <code class="notranslate">dispatchEvent</code> method has no effect on input/textarea elements.</p>
<p dir="auto"><strong>If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via <a href="https://jsfiddle.net" rel="nofollow">https://jsfiddle.net</a> or similar (template: <a href="https://jsfiddle.net/84v837e9/" rel="nofollow">https://jsfiddle.net/84v837e9/</a>).</strong><br>
v. 15.5.4: <a href="https://jsfiddle.net/c8tp5mqf/" rel="nofollow">https://jsfiddle.net/c8tp5mqf/</a> (working)<br>
v. 15.6.1: <a href="https://jsfiddle.net/6bv1581z/" rel="nofollow">https://jsfiddle.net/6bv1581z/</a> (not working)</p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
The <code class="notranslate">dispatchEvent</code> method results in an event being handled.</p>
<p dir="auto"><strong>Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?</strong><br>
I'm using the latest Chrome browser. This has worked in 15.5.x, stopped working in 15.6.0 and is still not working in 15.6.1.</p>
<hr>
<p dir="auto">Usecase for this: some old tests that I'd happily remove, but have to support for now.</p>