<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">There will be no warnings in console.<br>
There will be a line with <code class="notranslate">timeout</code>, not with <code class="notranslate">transitionDuration</code> here<br>
<a href="https://github.com/mui-org/material-ui/blob/v1-beta/src/Stepper/StepContent.d.ts#L18">https://github.com/mui-org/material-ui/blob/v1-beta/src/Stepper/StepContent.d.ts#L18</a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">This warning in console</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Warning: Unknown prop `transitionDuration` on &lt;div&gt; tag. Remove this prop from the element.
in div (created by Transition)
    in Transition (created by Collapse)
    in Collapse (created by withStyles(Collapse))
    in withStyles(Collapse) (created by StepContent)
..."><pre class="notranslate"><code class="notranslate">Warning: Unknown prop `transitionDuration` on &lt;div&gt; tag. Remove this prop from the element.
in div (created by Transition)
    in Transition (created by Collapse)
    in Collapse (created by withStyles(Collapse))
    in withStyles(Collapse) (created by StepContent)
...
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">There is no such warning in codesandbox example. But I can see it in my project. Also there is a <code class="notranslate">transitionDuration</code>  mention -- see link above.<br>
If it's not enough - I'll try to create an example with the warning later.</p>
<h2 dir="auto">My 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.24</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome  63.0.3239.84</td>
</tr>
</tbody>
</table>
<p dir="auto"><code class="notranslate">&lt;option disabled /&gt;</code> is a native behavior of <code class="notranslate">&lt;select /&gt;</code><br>
Please allow <code class="notranslate">&lt;MenuItem&gt;</code> to have a <code class="notranslate">disabled</code> props, which will not close SelectBox on <code class="notranslate">SelectInput &gt; handleItemClick</code>.</p>

<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/callemall/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">A disabled MenuItem should not be clickable and close the Select Menu</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">A click on every children will close the Select Menu</p>
<p dir="auto">I currently had to trick with a <code class="notranslate">pointer-event :none</code> on my "disabled" MenuItem, with a nested div with <code class="notranslate">pointer-event: all</code> and an <code class="notranslate">onClick={e =&gt; e.stopPropagation()}</code> to reproduce the expected behavior</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.18</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>all</td>
</tr>
</tbody>
</table>