title: Scrollbar problem with jQuery UI dialog in Chrome and Safari
body: <p>I'm using the jQuery UI dialog with <code>modal=true</code>. In Chrome and Safari, this disables scrolling via the scroll bar and cursor keys (scrolling with the mouse wheel and page up/down still works).</p>
  
  <p>This is a problem if the dialog is too tall to fit on one page - users on a laptop get frustrated.</p>
  
  <p>Someone raised this three months ago on the jQuery bug tracker - <a href="http://dev.jqueryui.com/ticket/4671" rel="noreferrer">http://dev.jqueryui.com/ticket/4671</a> - it doesn't look like fixing it is a priority. :)</p>
  
  <p>So does anyone:</p>
  
  <ol>
  <li>have a fix for this?</li>
  <li>have a suggested workaround that would give a decent usability experience?</li>
  </ol>
  
  <p>I'm experimenting with mouseover / scrollto on bits of the form, but it's not a great solution :(</p>
  
  <p><strong>EDIT :</strong> props to Rowan Beentje (who's not on SO afaict) for finding a solution to this. jQuery UI prevents scrolling by capturing the mouseup / mousedown events. So the code below seems to fix it:</p>
  
  <pre><code>$("dialogId").dialog({
      open: function(event, ui) {
          window.setTimeout(function() {
              jQuery(document).unbind('mousedown.dialog-overlay')
                              .unbind('mouseup.dialog-overlay');
          }, 100);
      },
      modal: true
  });
  </code></pre>
  
  <p>Use at own risk, I don't know what other unmodal behaviour unbinding this stuff might allow.</p>