<p dir="auto">I have two textfields, both of them  have a onChange func waiting to be called each time the func is called a validation occurs and if some error is found using setState update the <code class="notranslate">errorText</code> property where is need.</p>
<p dir="auto">the problem is the webkit-autofil (on chrome) fills both fields the onChange event is trigger for the first one but not for the second one leaving the error on the second field and this last one have the focus</p>
<p dir="auto">my business logic disable the submit button if there's errors. any advice how to sort this issue?</p>
<h3 dir="auto">Problem description</h3>
<p dir="auto">First github issue - be gentle. <g-emoji class="g-emoji" alias="smile" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f604.png">😄</g-emoji></p>
<p dir="auto">I may be doing this incorrectly.</p>
<p dir="auto">I have a  that opens a  with a single &lt;TextArea&gt;. I look for an onKeyDown event == 13, then take the value of the textarea and send it off to space. When the dialog closes, however, there's a pulsing ripple on the Button that was clicked before the dialog opened. I can close it "manually" by looking at the event.keyCode==13, or use the  built-ins "onEscapeKeyUp" or "onBackdropClick".</p><p dir="auto"></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/21341843/29738782-0f539530-89e2-11e7-9303-b5889688f59f.png"><img src="https://user-images.githubusercontent.com/21341843/29738782-0f539530-89e2-11e7-9303-b5889688f59f.png" alt="clipboard01" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/21341843/29738784-13d76bb8-89e2-11e7-98f7-d772ddce6084.png"><img src="https://user-images.githubusercontent.com/21341843/29738784-13d76bb8-89e2-11e7-98f7-d772ddce6084.png" alt="clipboard02" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/21341843/29738781-02d50f78-89e2-11e7-9402-4df4093b1c45.png"><img src="https://user-images.githubusercontent.com/21341843/29738781-02d50f78-89e2-11e7-9402-4df4093b1c45.png" alt="clipboard03" style="max-width: 100%;"></a></p>
<h3 dir="auto">Steps to reproduce</h3>
<ol dir="auto">
<li>Open a Dialog with setState in a handler from onTouchTap on a Button</li>
<li>Do some dialog-y stuff.</li>
<li>Close the dialog with setState in a handler from a variety of sources (onEscapeKeyUp; onBackgroupClick; onKeyDown in the TextField when event.keyCode==13, etc).</li>
</ol>
<p dir="auto">Relevant code:<br>
<code class="notranslate">handleClose = () =&gt; { this.setState({ open: false }); };</code><br>
<code class="notranslate">handleOpen = () =&gt; { this.setState({ open: true }); };</code><br>
<code class="notranslate">...</code><br>
<code class="notranslate">&lt;Dialog onEscapeKeyUp={this.handleClose} onBackdropClick={this.handleClose} open={this.state.open}&gt;</code><br>
<code class="notranslate">...</code><br>
<code class="notranslate">&lt;/Dialog&gt;</code><br>
<code class="notranslate">...</code><br>
<code class="notranslate">&lt;Button onClick={this.handleOpen}&gt;</code><br>
<code class="notranslate">...</code><br>
<code class="notranslate">&lt;/Button&gt;</code></p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: beta 6</li>
<li>React: 15.6.1</li>
<li>Browser: Chrome Version 60.0.3112.113 (Official Build) (64-bit)</li>
</ul><p></p>