<p dir="auto">[x] 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.</p>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">I expect When after input onChange ,that will detect the length and when bigger than zero the reducers will change to true and make the component change</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When after input onChange,every thing go well but the input lost focus</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>build a Appbar  with redux , title with a Textfield ,onChange dispatch action to reducers</li>
</ol>
<p dir="auto"><strong>Appbar.js</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;AppBar title={ 
          &lt;Textfield 
              value={...reducers1} 
              onChange={(e)=&gt;{e.target.value.length&gt;0?action2(true):action2(false)
                      ....action1
           }
     }/&gt;"><pre class="notranslate"><code class="notranslate">&lt;AppBar title={ 
          &lt;Textfield 
              value={...reducers1} 
              onChange={(e)=&gt;{e.target.value.length&gt;0?action2(true):action2(false)
                      ....action1
           }
     }/&gt;
</code></pre></div>
<ol start="2" dir="auto">
<li>build a New js file With Drawer (Inside have menu and menuItem)And SomeComponent</li>
</ol>
<p dir="auto"><strong>New.js</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="render(){return(
&lt;div&gt;
{bool(from reducers2)?&lt;a/&gt;:&lt;b/&gt;}
   &lt;Drawer
        docked={false}
        open={reducers3}
         onRequestChange={(bool) =&gt;action3(bool)}&gt;
              &lt;Menu&gt;
                   &lt;MenuItem primaryText =&quot;sth&quot;/&gt;
               &lt;Menu/&gt;
     &lt;/Drawer&gt;
&lt;/div&gt;)"><pre class="notranslate"><code class="notranslate">render(){return(
&lt;div&gt;
{bool(from reducers2)?&lt;a/&gt;:&lt;b/&gt;}
   &lt;Drawer
        docked={false}
        open={reducers3}
         onRequestChange={(bool) =&gt;action3(bool)}&gt;
              &lt;Menu&gt;
                   &lt;MenuItem primaryText ="sth"/&gt;
               &lt;Menu/&gt;
     &lt;/Drawer&gt;
&lt;/div&gt;)
</code></pre></div>
<p dir="auto">3.And When you try to trigger reducers2 to make component changed from a to b thought action2<br>
4.And the component will changed but the textfield will lost focus</p>
<p dir="auto">5.but if you change menuitem to listitem ,that will avoid the problem occurs</p>
<h2 dir="auto">Context</h2>

<p dir="auto">I try many way to solve that ,and at last , i find that should be some conflict between app bar input with some component , so  i just try to delete and add  some  component  to find out which component have problem,at last ,i found that menuitem have problem with that ,but instead of listitem can solve it</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>0,20,0</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>firefox 57.0.4</td>
</tr>
<tr>
<td>redux</td>
<td>3.7.2</td>
</tr>
</tbody>
</table>
<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 clicking the delete icon on chip, it only activates the onRequestDelete()</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When clicking the delete icon on chip, it activates both onRequestDelete() and onClick()</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">When I use Chip in my code, and test my code on Chrome, when I click the delete icon, it should only activate the onRequestDelete() action, but it also activates onClick(),  it also happens when I copy the example and paste it in my code. Is there anyone knows why? Thanks a lot!</p>
<h2 dir="auto">Context</h2>

<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>0.17.0</td>
</tr>
<tr>
<td>React</td>
<td>15.4.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>