<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">This issue is similar to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="270731073" data-permission-text="Title is private" data-url="https://github.com/mui/material-ui/issues/8963" data-hovercard-type="issue" data-hovercard-url="/mui/material-ui/issues/8963/hovercard" href="https://github.com/mui/material-ui/issues/8963">#8963</a>, to which I added a comment. If children are added to a drawer where <code class="notranslate">persistent=true</code>, the component will spill onto the page.</p>
<p dir="auto">The component position should update automatically in order to stay hidden or provide the caller with the information needed to resize the component.</p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/oliviertassinari/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/oliviertassinari">@oliviertassinari</a>  said: "The resolution should be about adding an action property to the Slider so people can programmatically update the position."</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently the drawer content spills onto the page when children are added while the drawer is closed.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">See a demo here:</p>
<p dir="auto"><a href="https://codesandbox.io/s/vqvzk2zv2y" rel="nofollow">https://codesandbox.io/s/vqvzk2zv2y</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">I'm using a bottom anchored persistent drawer for a list of file uploads. The drawer content has a <code class="notranslate">max-height</code>, but the exact height isn't specified. I want the drawer to be the right height to only be as large as needed to cover the list of uploaded files. Currently, as completed uploads are added to the list, if the drawer is closed, the content will spill onto the page until the drawer is opened and then closed again.</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>material-ui@1.0.0-beta.31</td>
</tr>
<tr>
<td>React</td>
<td>react@16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Version 64.0.3282.140 (Official Build) (64-bit)</td>
</tr>
</tbody>
</table>
<p dir="auto">I am building a electron-react app and am using material-ui (latest v1.0) with success. The controls all seem to display fine - as far as I can see. I use TypeScript and vscode on Windows 10.</p>
<p dir="auto">I use this code in the assumption it will select the dark theme for the material-ui:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="const appTheme = createMuiTheme({
    palette: {
      type: &quot;dark&quot;, // does not work??
    }
  });"><pre class="notranslate"><code class="notranslate">const appTheme = createMuiTheme({
    palette: {
      type: "dark", // does not work??
    }
  });
</code></pre></div>
<p dir="auto">and have my app react components wrapped with the MuiThemeProvider:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;MuiThemeProvider theme={appTheme}&gt;
    &lt;App /&gt;
&lt;/MuiThemeProvider&gt;"><pre class="notranslate"><code class="notranslate">&lt;MuiThemeProvider theme={appTheme}&gt;
    &lt;App /&gt;
&lt;/MuiThemeProvider&gt;
</code></pre></div>
<p dir="auto">How I understood it, this should be enough to have theme-support.</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">I expect to select the dark theme with this code.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">No reported errors (as far as I can see) and the light theme (default) is used.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">I don't think codesandbox runs electron...?</p>
<ol dir="auto">
<li>Use in electron is a valid use-case (is it not?).</li>
<li>Brings to light a bug or omission.</li>
<li>Would help me tremendously with my project ;-)</li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">Making an electron desktop app where I would like to (re)use the material-ui react components.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">Running vscode on Windows 10</p>
<p dir="auto">dependencies:<br>
"express": "^4.16.2",<br>
"material-ui": "^1.0.0-beta.25",<br>
"material-ui-icons": "^1.0.0-beta.17",<br>
"morgan": "^1.9.0",<br>
"node-hid": "^0.5.7",<br>
"prop-types": "^15.6.0",<br>
"react": "^16.2.0",<br>
"react-dom": "^16.2.0",<br>
"react-redux": "^5.0.6",<br>
"react-swipeable-views": "^0.12.12",<br>
"redux": "^3.7.2",<br>
"typed-rest-client": "^0.15.1",<br>
"typeface-roboto": "0.0.45"</p>
<p dir="auto">dev-dependencies:<br>
"@types/prop-types": "^15.5.2",<br>
"@types/express": "^4.0.39",<br>
"@types/jest": "^21.1.8",<br>
"@types/morgan": "^1.7.35",<br>
"@types/node": "^8.0.55",<br>
"@types/node-hid": "^0.5.2",<br>
"@types/react": "^16.0.31",<br>
"@types/react-dom": "^16.0.3",<br>
"@types/react-redux": "^5.0.14",<br>
"@types/react-swipeable-views": "^0.12.0",<br>
"electron": "^1.7.9",<br>
"electron-rebuild": "^1.6.0",<br>
"jest": "^22.0.3",<br>
"ts-jest": "^22.0.0",<br>
"tslint": "^5.8.0",<br>
"tslint-react": "^3.2.0",<br>
"typescript": "^2.6.2"</p>