title: show element on top of a modal dialog
body: <p>I've this html5 dialog</p>
  
  <pre><code>&lt;dialog&gt;
      &lt;h1&gt;hello&lt;/h1&gt;
  &lt;/dialog&gt;
  &lt;div class="spinner"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>At some point I show it like</p>
  
  <pre><code>$('dialog')[0].showModal();
  </code></pre>
  
  <p>Now, the dialog is on top of all elements in the page (ignoring z-index) which is what I want (nothing in the page should be clickable for example)</p>
  
  <p><a href="http://jsfiddle.net/zk0qgh93/" rel="nofollow">DEMO</a></p>
  
  <p>However, I have this spinner in my site which gets visible when an API call takes longer than 500ms. The problem is that the spinner is behind the dialog now. Is it possible to have the spinner on top of the modal dialog ?</p>