<p dir="auto">Whenever I try to open Dialog from Drawer, the Dialog shows up for very short time and disappears.</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">Dialog shows up while the Drawer slides back in the background.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">After clicking an ListItemText in the drawer with function to open the dialog passed to it's onClick prop, the dialog shows up and the drawer starts to slide off as it is supposed to do. When the drawer slides off completely, the dialog disappears too.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>
<p dir="auto">Create a component containing &lt; ListItemText /&gt; (inside &lt; ListItem button &gt;) and &lt; Dialog &gt;.  Bind function to open the dialog to listitemtext prop onClick.</p>
</li>
<li>
<p dir="auto">Import this component into &lt; List &gt; that is inside &lt; Drawer &gt;</p>
</li>
</ol>
<p dir="auto">Now you can open the dialog by clicking on list item in the drawer.</p>
<p dir="auto">Working example : <a href="https://codesandbox.io/embed/3m46jpwk1" rel="nofollow">https://codesandbox.io/embed/3m46jpwk1</a></p>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I am react newbie but I am pretty sure that is problem caused by this framework.<br>
I do not know how these components works, but from the behavior I guess when the Drawer stops rendering, the Dialog stops aswell as it is directly in it.</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.8</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome, v60</td>
</tr>
</tbody>
</table>
<p dir="auto">Hi, just completed the process of migrating our application to material-ui-next. Most things are working great, but the color theme system only appears to work for some components. We have a configuration object that we run through the createMuiTheme utility and provide it as the theme to the MuiThemeProvider. Even though the theme and the palette are correctly generated, these colors do not carry down to all components, most notably the TabIndicator (which appears as the hideous pink color #f50057), and Input's inkbar:after psuedo-selector, which comes back as '#303f9f'. I can see where these colors appear to be coming from, but shouldn't they be inheriting from the provided theme? Here is my config object (palette is at the bottom). It seems like it should be working to me:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const options = {
  palette: {
    type: 'light',
    primary: {
      light: '#1abcf7',
      main: '#1abcf7',
      dark: '#006699'
    },
    secondary: {
      light: '#00ff00',
      main: '#1abcf7',
      dark: '#006699'
    }
  }
}"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-s1">options</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
  <span class="pl-c1">palette</span>: <span class="pl-kos">{</span>
    <span class="pl-c1">type</span>: <span class="pl-s">'light'</span><span class="pl-kos">,</span>
    <span class="pl-c1">primary</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">light</span>: <span class="pl-s">'#1abcf7'</span><span class="pl-kos">,</span>
      <span class="pl-c1">main</span>: <span class="pl-s">'#1abcf7'</span><span class="pl-kos">,</span>
      <span class="pl-c1">dark</span>: <span class="pl-s">'#006699'</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-c1">secondary</span>: <span class="pl-kos">{</span>
      <span class="pl-c1">light</span>: <span class="pl-s">'#00ff00'</span><span class="pl-kos">,</span>
      <span class="pl-c1">main</span>: <span class="pl-s">'#1abcf7'</span><span class="pl-kos">,</span>
      <span class="pl-c1">dark</span>: <span class="pl-s">'#006699'</span>
    <span class="pl-kos">}</span>
  <span class="pl-kos">}</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto">const theme = createMuiTheme(options)</p>
<p dir="auto"></p>
<p dir="auto">This has been driving me crazy. Thanks -- Steve</p>



<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> 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>

<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>

<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></td>
</tr>
<tr>
<td>React</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>