<ul dir="auto">
<li>[x ] 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">Context</h2>
<p dir="auto">I want to inline style Dialog's Backdrop and Paper (actually only Paper but same question can be posed for Backdrop).</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Dialog
                        open={this.state.open}
                        onRequestClose={this.handleClose}
                        fullWidth={true}
                       style={{...some style...}}
                        &gt;
                                                
&lt;/Dialog&gt;
"><pre class="notranslate"><code class="notranslate">&lt;Dialog
                        open={this.state.open}
                        onRequestClose={this.handleClose}
                        fullWidth={true}
                       style={{...some style...}}
                        &gt;
                                                
&lt;/Dialog&gt;

</code></pre></div>
<p dir="auto">But setting style sets the Dialogue root element's style. Can I inline set style of Backdrop and Paper?</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>v1.0.0-beta.21</td>
</tr>
</tbody>
</table>
<h3 dir="auto">Problem description</h3>
<p dir="auto">When switching a LinearProgress's mode, the indeterminate mode is not indeterminate anymore but instead acts as determinate progress bar that is fully filled.</p>
<h3 dir="auto">Link to minimal working code that reproduces the issue</h3>
<p dir="auto"><a href="https://www.webpackbin.com/bins/-KgQZpihdEJ0etZArvl9" rel="nofollow">https://www.webpackbin.com/bins/-KgQZpihdEJ0etZArvl9</a><br>
This switches mode every 5 seconds. You can see that the initial indeterminate mode works correctly, but gets stuck after being called again (after 10 seconds).</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.17.1</li>
<li>React: 15.4.2</li>
<li>Browser: Opera (same engine as Chrome)</li>
</ul>
<p dir="auto">Essentially a duplicate of the stale issue <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="179178640" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/5252" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/5252/hovercard" href="https://github.com/mui/material-ui/issues/5252">#5252</a> as it seems, but this time with a working live demo half a year later.</p>