<h3 dir="auto">Problem description</h3>
<p dir="auto">When clicking a menu item that is disabled onTouchTap is fired anyways.</p>
 alert("what")} /&gt;
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.18.X (latest)</li>
<li>React: 15.5</li>
<li>Browser: chrome latest</li>
</ul>
<p dir="auto">Hi,</p>
<p dir="auto">if a menu item is disabled and clicked the onTouchTap function is still called. Code example below. Happens in latest 0.18 release. It has correct disabled styling.</p>
<p dir="auto">what i would expect: disabled icons do not trigger onTouchTap function.</p>
<p dir="auto">Regards</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;IconMenu&gt;
    &lt;MenuItem
         onTouchTap={this._clickable}
         leftIcon={&lt;SomeIcon /&gt;}
         disabled={true}
         /&gt;
&lt;/IconMenu&gt;"><pre class="notranslate"><code class="notranslate">&lt;IconMenu&gt;
    &lt;MenuItem
         onTouchTap={this._clickable}
         leftIcon={&lt;SomeIcon /&gt;}
         disabled={true}
         /&gt;
&lt;/IconMenu&gt;
</code></pre></div>