<p dir="auto">I upgraded MUI from v0.16.7 to v0.19.3 and have now the following problem with my popovers.</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/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">Popover should rendered at the position the placement logic calculates.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Popover renders at position 0/0 and after a short amount jumps to correct position.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">I made a video of the DatePicker docs which uses a Popover if inlined:<br>
<a href="https://www.youtube.com/watch?v=cxSSbHWHR-U" rel="nofollow">https://www.youtube.com/watch?v=cxSSbHWHR-U</a></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.19.3</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 59.0.3071.115</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">A button should be rendered.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">An error is displayed: Using version beta28 in a newly created create-react-app app that renders only a material-ui <code class="notranslate">Button</code>, I get the following error with firefox 57.0.1 (mac os): <code class="notranslate">TypeError: CSS2Properties doesn't have an indexed property setter for '0'</code><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/168223/34973384-52b08ade-fa55-11e7-8dc3-e1f3bbacc078.png"><img width="1038" alt="image" src="https://user-images.githubusercontent.com/168223/34973384-52b08ade-fa55-11e7-8dc3-e1f3bbacc078.png" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce</h2>

<ol dir="auto">
<li>run the following commands:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="create-react-app test-cra
cd test-cra
yarn install material-ui@1.0.0-beta.28"><pre class="notranslate"><code class="notranslate">create-react-app test-cra
cd test-cra
yarn install material-ui@1.0.0-beta.28
</code></pre></div>
<ol start="2" dir="auto">
<li>replace the content of src/index.js by the following code:</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="
import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'material-ui/Button';

ReactDOM.render(&lt;Button raised&gt;Boom&lt;/Button&gt;, document.querySelector('#root'));"><pre class="notranslate"><code class="notranslate">
import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'material-ui/Button';

ReactDOM.render(&lt;Button raised&gt;Boom&lt;/Button&gt;, document.querySelector('#root'));
</code></pre></div>
<p dir="auto">Here is a codesandbox <a href="https://codesandbox.io/s/m5qpp35wvy" rel="nofollow">link</a> but I can't reproduce the issue in it... 😞  (maybe some dependency caching in codesandbox?..)</p>
<p dir="auto">Note: version 1.0.0-beta.27 works well.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">It happened to me while upgrading material-ui in a medium-size project.</p>
<h2 dir="auto">Your Environment</h2>
<ul dir="auto">
<li>mac os high sierra 10.13.2</li>
<li>firefox 57.0.1</li>
<li>react-script</li>
<li>dependencies:</li>
</ul>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="    &quot;material-ui&quot;: &quot;1.0.0-beta.28&quot;,
    &quot;react&quot;: &quot;^16.2.0&quot;,
    &quot;react-dom&quot;: &quot;^16.2.0&quot;,
    &quot;react-scripts&quot;: &quot;1.1.0&quot;"><pre class="notranslate"><code class="notranslate">    "material-ui": "1.0.0-beta.28",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.1.0"
</code></pre></div>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox 57.0.1</td>
</tr>
<tr>
<td>react-dom</td>
<td>16.2.0</td>
</tr>
<tr>
<td>react-scripts</td>
<td>1.1.0</td>
</tr>
</tbody>
</table>