title: jQuery UI Sortable Connected Lists Overflow only vertical
body: <p>See <a href="http://jsfiddle.net/rzsyhaj8/" rel="nofollow">http://jsfiddle.net/rzsyhaj8/</a> for full code.</p>
  
  <pre><code>$( "#allfiles" ).sortable({
          connectWith: ".connected",
          forcePlaceholderSize: false,
          helper: function(e,li) {
              copyHelper= li.clone().insertAfter(li);
              return li.clone();
          },
          stop: function() {
              copyHelper &amp;&amp; copyHelper.remove();
          }
      });
          $(".connected").sortable({
              receive: function(e,ui) {
                  copyHelper= null;
              }
      });
  </code></pre>
  
  <p>Dragging an item to the right results in horizontal scrolling. This is unwanted, since the user is supposed to drag&amp;drop items from the left list to the right list.
  I can't seem to get rid of this behavior except by disabling scrolling all together (overflow: hidden). 
  Enabling scrolling overflow-y only results in this unwanted horizontal scrolling when dragging.</p>
  
  <p>Any help appreciated.
  Thanks a lot!</p>