<h3 dir="auto">Problem description</h3>
<p dir="auto">Clicking a button to trigger a dialog and then using the 'esc' key to dismiss the dialog puts the button into an active ripple state.  Noticed in my own code, was able to reproduce it on the dialog docs examples.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9599461/29236354-1fa574a8-7ecf-11e7-8759-6e542698c2fe.png"><img src="https://user-images.githubusercontent.com/9599461/29236354-1fa574a8-7ecf-11e7-8759-6e542698c2fe.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">On <strong><a href="https://material-ui-1dab0.firebaseapp.com/component-demos/dialogs" rel="nofollow">https://material-ui-1dab0.firebaseapp.com/component-demos/dialogs</a></strong> click any of the buttons to bring up a dialog box.<br>
Press the 'esc' key to dismiss the dialog.</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 1.0.0-beta4</li>
<li>React: 15.6.1</li>
<li>Browser: Microsoft Edge 40.15063.0.0, Chrome 60.0.3112.90 (Official Build) (64-bit)</li>
</ul>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">When using a Button to open a Dialog, when the Dialog is closed with either the escape key or clicking outside of it, the Button should look like it did before the click.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When using a Button to open a dialog, when the Dialog is closed with the escape key, the button displays a ripple effect similar to if it was clicked. This does not happen when the dialog is closed by clicking outside of it.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Using <a href="https://codesandbox.io/s/m48ywqxnkp" rel="nofollow">https://codesandbox.io/s/m48ywqxnkp</a> from the documentation, click the <em>Open Simple Dialog</em> button</li>
<li>When the Dialog appears, press escape to close the dialog</li>
<li>The ripple effect is displayed in the button until something else is clicked</li>
</ol>
<p dir="auto">The alert dialog demo does not seem to have the same behavior: <a href="https://codesandbox.io/s/3vwx0l7kjq" rel="nofollow">https://codesandbox.io/s/3vwx0l7kjq</a></p>
<h2 dir="auto">Context</h2>

<p dir="auto">This does not impact usability, just an aesthetic issue.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.41</td>
</tr>
<tr>
<td>React</td>
<td>16.3.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 65.0.3325.181,  Firefox 59.0.2</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>