title: jQueryUI sortable and draggable target won't scroll horizontally for drop but will for sort
body: <p>I have two divs that contain multiple divs and can scroll.
  I have a vertical div that has the draggable on the contained divs.
  My horizontal div is sortable and I connect the draggable to it via the connectToSortable.</p>
  
  <p>The horizontal sortable can scroll horizontally when rearranging items.
  However if I drag from the vertical to the horizontal it will not scroll the horizontal div like when I do a pure sort.</p>
  
  <p>I have already read all the entries here for scrolling a div with plugins like scrollTo and derivatives and they do not help with my particular issue. I am using jQuery 1.8.3 and jQuery UI 1.9.2</p>
  
  <p>I can drop into the viewport but I want my users to be able to drag and have the horizontal scroll work as it does when just sorting. If I drop in the visible area and then sort it will scroll the div.</p>
  
  <p>Thanks!</p>
  
  <pre><code>$(".playboxresults, .playboxrecommended").draggable({
          revert: "invalid",
          opacity: 0.95,
          containment: 'document',
          connectToSortable: "#divCurrentList",
          helper: function () {
              $copy = $(this).clone();
              return $copy;
          },
          appendTo: 'body',
          scroll: true,
          start: function (e, ui) {
              draggedItem = ui.item;
          }
      });
  </code></pre>