<p dir="auto">Hello and sorry, in case this doesn't belong here.</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">My application should still work after upgrading to react 16.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">When opening Modals/Drawers in cordova i get a whitescreen due to:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Material-UI: you are most likely evaluating the code before the
browser has a chance to reach the &lt;body&gt;.
Please move the import at the end of the &lt;body&gt;.

Cannot read property 'children' of null&quot;, source: http://localhost:12416/packages/modules.js?hash=ae58e0b4a06841e8623d6981b97ea750b49e01d2 (115282)
&quot;The above error occurred in the &lt;Modal&gt; component:
in Modal (created by withStyles(Modal))
in withStyles(Modal) (created by Drawer)
in Drawer (created by withStyles(Drawer))"><pre class="notranslate"><code class="notranslate">Material-UI: you are most likely evaluating the code before the
browser has a chance to reach the &lt;body&gt;.
Please move the import at the end of the &lt;body&gt;.

Cannot read property 'children' of null", source: http://localhost:12416/packages/modules.js?hash=ae58e0b4a06841e8623d6981b97ea750b49e01d2 (115282)
"The above error occurred in the &lt;Modal&gt; component:
in Modal (created by withStyles(Modal))
in withStyles(Modal) (created by Drawer)
in Drawer (created by withStyles(Drawer))
</code></pre></div>
<p dir="auto">My gut feeling is that it's somehow related to portal handling in <a href="https://github.com/mui-org/material-ui/blob/v1-beta/src/internal/Portal.js">https://github.com/mui-org/material-ui/blob/v1-beta/src/internal/Portal.js</a> but i'm not sure.</p>
<p dir="auto">I dug a bit into the source and finally I know where the error comes from:</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Not sure how to provide a "simple codebox" as you basically have to bundle an app in cordova.<br>
I'm opening this ticket in hope someone has an idea, but will continue debugging and eventually create a pr to fix this.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">I'm working on a pp which is shipped as web and cordova. Since upgrading to react 16 drawers are broken, but I also tested modals which are used by drawers and seem to be broken to.</p>
<h2 dir="auto">Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>latest</td>
</tr>
<tr>
<td>React</td>
<td>latest</td>
</tr>
<tr>
<td>browser</td>
<td>webview</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 moving between tabs the ink bar should slide along with the selected tab.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">the ink bar is navigating to the opposite direction</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">dem: <a href="https://codesandbox.io/s/9j78334vow" rel="nofollow">https://codesandbox.io/s/9j78334vow</a></p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">create react app 1.0.17<br>
material-ui 0.20.0</p>