<p dir="auto">Is there a way for the dialog to go fullscreen (no overlay)?  this would be handy for a phone view where space is limited.</p>
<p dir="auto">Currently I have the Dialog props set to:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" title=&quot;Dialog&quot; 
              modal = {true}
              actions={standardActions}
              autoDetectWindowHeight={false} 
              autoScrollBodyContent={false}
              contentStyle={{width: 700}}
              ref=&quot;addNewDialog&quot;"><pre class="notranslate"> <span class="pl-s1">title</span><span class="pl-c1">=</span><span class="pl-s">"Dialog"</span> 
              <span class="pl-s1">modal</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>true<span class="pl-kos">}</span>
              <span class="pl-s1">actions</span><span class="pl-c1">=</span><span class="pl-kos">{</span>standardActions<span class="pl-kos">}</span>
              <span class="pl-s1">autoDetectWindowHeight</span><span class="pl-c1">=</span><span class="pl-kos">{</span>false<span class="pl-kos">}</span> 
              <span class="pl-s1">autoScrollBodyContent</span><span class="pl-c1">=</span><span class="pl-kos">{</span>false<span class="pl-kos">}</span>
              <span class="pl-s1">contentStyle</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-kos">{</span><span class="pl-c1">width</span>: <span class="pl-c1">700</span><span class="pl-kos">}</span><span class="pl-kos">}</span>
              <span class="pl-s1">ref</span><span class="pl-kos"></span><span class="pl-c1">=</span><span class="pl-s">"addNewDialog"</span></pre></div>
<p dir="auto">If I change contentStyle={{width: 700}} it will not widen. But if I change it to something really small, like 10 px, it works. Does anyone know how I can set it to a much bigger display?</p>