<p dir="auto">Using <code class="notranslate">1.0.0-beta.21</code>.<br>
I have something like this:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="        &lt;Dialog
          fullScreen
          open={this.addProductDialogOpen}
          transition={props =&gt; &lt;Slide direction=&quot;up&quot; {...props} /&gt;}
          onRequestClose={this.handleAddProductClose}
        &gt;
          &lt;AppBar className={classes.appBar}&gt;
            &lt;Toolbar&gt;
              &lt;IconButton
                color=&quot;contrast&quot;
                disableRipple
                onClick={this.handleAddProductClose}
              &gt;
                &lt;CloseIcon /&gt;
              &lt;/IconButton&gt;
              &lt;Typography type=&quot;title&quot; color=&quot;inherit&quot; className={classes.flex}&gt;
                Select product
              &lt;/Typography&gt;
            &lt;/Toolbar&gt;
          &lt;/AppBar&gt;
          &lt;DialogContent&gt;
            &lt;Autocomplete
              getOptions={() =&gt; options()}
              onSuggestionSelected={this.handleAddProduct}
            /&gt;
          &lt;/DialogContent&gt;
        &lt;/Dialog&gt;"><pre class="notranslate">        <span class="pl-c1">&lt;</span><span class="pl-ent">Dialog</span>
          <span class="pl-c1">fullScreen</span>
          <span class="pl-c1">open</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">addProductDialogOpen</span><span class="pl-kos">}</span>
          <span class="pl-c1">transition</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">props</span> <span class="pl-c1">=&gt;</span> <span class="pl-c1">&lt;</span><span class="pl-ent">Slide</span> <span class="pl-c1">direction</span><span class="pl-c1">=</span><span class="pl-s">"up"</span> <span class="pl-kos">{</span>...<span class="pl-s1">props</span><span class="pl-kos">}</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span><span class="pl-kos">}</span>
          <span class="pl-c1">onRequestClose</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">handleAddProductClose</span><span class="pl-kos">}</span>
        <span class="pl-c1">&gt;</span>
          <span class="pl-c1">&lt;</span><span class="pl-ent">AppBar</span> <span class="pl-c1">className</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">classes</span><span class="pl-kos">.</span><span class="pl-c1">appBar</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
            <span class="pl-c1">&lt;</span><span class="pl-ent">Toolbar</span><span class="pl-c1">&gt;</span>
              <span class="pl-c1">&lt;</span><span class="pl-ent">IconButton</span>
                <span class="pl-c1">color</span><span class="pl-c1">=</span><span class="pl-s">"contrast"</span>
                <span class="pl-c1">disableRipple</span>
                <span class="pl-c1">onClick</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">handleAddProductClose</span><span class="pl-kos">}</span>
              <span class="pl-c1">&gt;</span>
                <span class="pl-c1">&lt;</span><span class="pl-ent">CloseIcon</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
              <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">IconButton</span><span class="pl-c1">&gt;</span>
              <span class="pl-c1">&lt;</span><span class="pl-ent">Typography</span> <span class="pl-c1">type</span><span class="pl-c1">=</span><span class="pl-s">"title"</span> <span class="pl-c1">color</span><span class="pl-c1">=</span><span class="pl-s">"inherit"</span> <span class="pl-c1">className</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">classes</span><span class="pl-kos">.</span><span class="pl-c1">flex</span><span class="pl-kos">}</span><span class="pl-c1">&gt;</span>
                Select product
              <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Typography</span><span class="pl-c1">&gt;</span>
            <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Toolbar</span><span class="pl-c1">&gt;</span>
          <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">AppBar</span><span class="pl-c1">&gt;</span>
          <span class="pl-c1">&lt;</span><span class="pl-ent">DialogContent</span><span class="pl-c1">&gt;</span>
            <span class="pl-c1">&lt;</span><span class="pl-ent">Autocomplete</span>
              <span class="pl-c1">getOptions</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-en">options</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">}</span>
              <span class="pl-c1">onSuggestionSelected</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">handleAddProduct</span><span class="pl-kos">}</span>
            <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
          <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">DialogContent</span><span class="pl-c1">&gt;</span>
        <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Dialog</span><span class="pl-c1">&gt;</span></pre></div>
<p dir="auto">When closing the dialog the <code class="notranslate">&lt;div data-mui-portal="true"&gt;</code> remains and, although the contents are not visible, it blocks any interaction with the page.<br>
If I remove <code class="notranslate">transition={props =&gt; &lt;Slide direction="up" {...props} /&gt;}</code> the div is removed on close.</p>
<p dir="auto">I see the same behaviour (div remains attached) with the docs demo but there there's no obstruction.</p>
<p dir="auto">Anything I can do do provide more info ?</p>
<p dir="auto">My app break after updated to latest beta.</p>
<p dir="auto">The dialog always shown. Previous version beta 18 don't have this issue</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" &lt;Drawer
         open={false}
          type={window.innerWidth &lt; 768 ? 'responsive' : 'persistent'}
          anchor=&quot;right&quot;
          classes={{ paper: classes.paper, docked: classes.docked }}
&gt;

     /// content

&lt;/Drawer&gt;"><pre class="notranslate"> <span class="pl-c1">&lt;</span><span class="pl-ent">Drawer</span>
         <span class="pl-c1">open</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-c1">false</span><span class="pl-kos">}</span>
          <span class="pl-c1">type</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-smi">window</span><span class="pl-kos">.</span><span class="pl-c1">innerWidth</span> <span class="pl-c1">&lt;</span> <span class="pl-c1">768</span> ? <span class="pl-s">'responsive'</span> : <span class="pl-s">'persistent'</span><span class="pl-kos">}</span>
          <span class="pl-c1">anchor</span><span class="pl-c1">=</span><span class="pl-s">"right"</span>
          <span class="pl-c1">classes</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-c1">paper</span>: <span class="pl-s1">classes</span><span class="pl-kos">.</span><span class="pl-c1">paper</span><span class="pl-kos">,</span> <span class="pl-c1">docked</span>: <span class="pl-s1">classes</span><span class="pl-kos">.</span><span class="pl-c1">docked</span> <span class="pl-kos">}</span><span class="pl-kos">}</span>
<span class="pl-c1">&gt;</span>

     /// content

<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Drawer</span><span class="pl-c1">&gt;</span></pre></div>
<p dir="auto">I've tried to set open to false still show the drawer.</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-19 beta</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td>Windows 10</td>
</tr>
</tbody>
</table>