<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/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">Thanks for your great lib</p>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">When i upgrade material-ui to 1.0.0-beta.12, my fullscreen dialog can't scroll, so i try to degrade them 1 version at once and repeat it, until 1.0.0-beta.8 they work normally</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.12</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome Version 60.0.3112.11</td>
</tr>
</tbody>
</table>
<p dir="auto">2-nd lvl menu closes unexpectedly if null passed instead MenuItem. (0.20.0 - broken, 0.19.4 - works).</p>
<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">2-nd lvl menu is not automatically closed</p>
<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div&gt;
        &lt;Paper&gt;
          &lt;Menu desktop width={320}&gt;
            {null}
            &lt;MenuItem primaryText=&quot;Single&quot; insetChildren /&gt;
            &lt;MenuItem primaryText=&quot;1.15&quot; insetChildren /&gt;
            &lt;MenuItem primaryText=&quot;Double&quot; insetChildren /&gt;
            &lt;MenuItem
              primaryText=&quot;Custom: 1.2&quot;
              checked
              rightIcon={&lt;ArrowDropRight /&gt;}
              menuItems={[
                &lt;MenuItem
                  primaryText=&quot;Show&quot;
                  rightIcon={&lt;ArrowDropRight /&gt;}
                  menuItems={[
                    &lt;MenuItem primaryText=&quot;Show Level 2&quot; /&gt;,
                    &lt;MenuItem primaryText=&quot;Grid lines&quot; checked /&gt;,
                    &lt;MenuItem primaryText=&quot;Page breaks&quot; insetChildren /&gt;,
                    &lt;MenuItem primaryText=&quot;Rules&quot; checked /&gt;
                  ]}
                /&gt;,
                &lt;MenuItem primaryText=&quot;Grid lines&quot; checked /&gt;,
                &lt;MenuItem primaryText=&quot;Page breaks&quot; insetChildren /&gt;,
                &lt;MenuItem primaryText=&quot;Rules&quot; checked /&gt;
              ]}
            /&gt;
            &lt;Divider /&gt;
            &lt;MenuItem primaryText=&quot;Add space before paragraph&quot; /&gt;
            &lt;MenuItem primaryText=&quot;Add space after paragraph&quot; /&gt;
            &lt;Divider /&gt;
            &lt;MenuItem primaryText=&quot;Custom spacing...&quot; /&gt;
          &lt;/Menu&gt;
        &lt;/Paper&gt;
      &lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div&gt;
        &lt;Paper&gt;
          &lt;Menu desktop width={320}&gt;
            {null}
            &lt;MenuItem primaryText="Single" insetChildren /&gt;
            &lt;MenuItem primaryText="1.15" insetChildren /&gt;
            &lt;MenuItem primaryText="Double" insetChildren /&gt;
            &lt;MenuItem
              primaryText="Custom: 1.2"
              checked
              rightIcon={&lt;ArrowDropRight /&gt;}
              menuItems={[
                &lt;MenuItem
                  primaryText="Show"
                  rightIcon={&lt;ArrowDropRight /&gt;}
                  menuItems={[
                    &lt;MenuItem primaryText="Show Level 2" /&gt;,
                    &lt;MenuItem primaryText="Grid lines" checked /&gt;,
                    &lt;MenuItem primaryText="Page breaks" insetChildren /&gt;,
                    &lt;MenuItem primaryText="Rules" checked /&gt;
                  ]}
                /&gt;,
                &lt;MenuItem primaryText="Grid lines" checked /&gt;,
                &lt;MenuItem primaryText="Page breaks" insetChildren /&gt;,
                &lt;MenuItem primaryText="Rules" checked /&gt;
              ]}
            /&gt;
            &lt;Divider /&gt;
            &lt;MenuItem primaryText="Add space before paragraph" /&gt;
            &lt;MenuItem primaryText="Add space after paragraph" /&gt;
            &lt;Divider /&gt;
            &lt;MenuItem primaryText="Custom spacing..." /&gt;
          &lt;/Menu&gt;
        &lt;/Paper&gt;
      &lt;/div&gt;
</code></pre></div>
<ol dir="auto">
<li>Click "Custom 1.2"</li>
<li>Click "Show"</li>
<li>Expected - 2nd lvl menu is still open, but it's not.</li>
</ol>
<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>16.2</td>
</tr>
<tr>
<td>browser</td>
<td>Safari / Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>