title: Scroll while using html5 drag and drop
body: <p>I just found that when using HTML5 drag and drop - attempting to use the mousewheel or mouse pad to scroll the page will not work and listeners for the event onmousewheel are not getting called.</p>
  
  <p>As an example see here: 
  <a href="http://jsfiddle.net/92u6K/2/" rel="noreferrer">http://jsfiddle.net/92u6K/2/</a></p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code> var $dragging = null;
      $('.item').bind('dragstart', function(e) {
          $dragging = $(e.currentTarget)
      });
  
      $('.item').bind('dragover', function(e) {
          e.preventDefault();
          e.stopPropagation();
      });
  
      $('.item').bind('drop', function(e) {
          e.preventDefault();
          e.stopPropagation();
  
          $dragging.unbind();
          $dragging.insertBefore($(e.currentTarget));
      });
  </code></pre>
  
  <blockquote>
    <p>(The example shows 20 divs with scrollbar so you can try 
         dragging item and attempting to scroll the screen the same time)</p>
  </blockquote>
  
  <p>I found there is a bug open for FireFox for a few years now:
  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=41708" rel="noreferrer">https://bugzilla.mozilla.org/show_bug.cgi?id=41708</a></p>
  
  <p>And someone created an extension to support this behavior:
  <a href="https://addons.mozilla.org/en-US/firefox/addon/drag-to-scroll-reloaded/" rel="noreferrer">https://addons.mozilla.org/en-US/firefox/addon/drag-to-scroll-reloaded/</a></p>
  
  <p>I could not find any similar bug in Chrome. Is there a solution for this that works in Chrome as well?</p>
  
  <p><strong>Edit</strong>: This does work in Safari, so the behavior exists in Chrome and Firefox.</p>