title: JS showModalDialog not working in chrome as modal
body: <p>I am using <code>showModalDialog()</code> in my application, for user to view articles from different sources as modal popup. </p>
  
  <p>It work fine with FF and IE, but in chrome it's not behaving as modal, I can still go on parent window and click on any element in it. </p>
  
  <p>I wanted to make it work same as IE and FF.</p>
  
  <p>I have looked at few work-around  </p>
  
  <p>1) set <code>onfocus</code> event on parent window, and focus child again on it.</p>
  
  <pre><code>     &lt;script type="text/javascript"&gt;
          setInterval(checkFocus, 10);
          var mywindow;
          function openModal() {
              var a = new Array;
              a[0] = 1;
              a[1] = 4;
              mywindow = window.showModalDialog(myurl,
        a, "dialogwidth: 1000; dialogheight: 700; resizable: yes;center : yes;");
          }
  
          function checkFocus() {
              if (mywindow != null &amp;&amp; mywindow != undefined) {
                  if (window.focus) {
                      mywindow.focus();
                  }
              }
          }
        &lt;/script&gt;
  </code></pre>
  
  <p>but this is not seems to work as expected. </p>
  
  <p>2) set <code>onblur</code> event on child window, to focus itself again</p>
  
  <p>this solution i have read from some online sources. i can apply this solution if only child window is customized page from on my domain only , but as my child window can be any <code>url</code> from any <code>domain</code> It is not applicable in my case.</p>
  
  <p>I need to make it work , can anybody suggest me on this??</p>