title: dojo dijit dialog underlay not showing
body: <p>I'm trying to have three different dialogs on as hidden initially, then depending on the response from the ajax form submit, i wish to show different dialogs.</p>
  
  <p>When the form is submitted and waiting for the response, i can show the "in progress" dialog.
  Then if the server returns an error response, I want to hide the first dialog, then display another dialog depending on the error response type.</p>
  
  <p>I can almost achieve what I want to do except when I hide the first dialog and show the next one, the underlay disappears.
  If then I scroll inside the browser window, the underlay is displayed properly.
  I'm doing something simple like this:</p>
  
  <pre><code>dijit.byId("progress_dialog").hide();
  dijit.byId("error_dialog").show();
  </code></pre>
  
  <p>Anyone have suggestions?</p>
  
  <p>I've seen the following page on dojo website, but it seems to be an interim solution for dojo 0.9?
  <a href="http://www.dojotoolkit.org/forum/dijit-dijit-0-9/dijit-support/showing-dialog-right-after-hiding-another-dialog-while-keeping-u" rel="nofollow noreferrer">http://www.dojotoolkit.org/forum/dijit-dijit-0-9/dijit-support/showing-dialog-right-after-hiding-another-dialog-while-keeping-u</a></p>
  
  <p>any help would be appreciated.</p>
  
  <p>Thanks.</p>
  
  <p>[Edit]
  okay, I've "solved" the issue by adding a little delay like below.</p>
  
  <pre><code>dijit.byId("progress_dialog").hide();
  setTimeout(function() {
      dijit.byId("error_dialog").show();
      }, 500);
  </code></pre>
  
  <p>This works for me, but I think there could be a better way of solving it.
  Any takers?</p>
  
  <p>[Edit again]
  The version I'm working with is dojo-1.3.2</p>