jQuery UI Sortable - Multi Connected List Drag
<p>Using jQuery UI Sortable, <a href="http://api.jqueryui.com/sortable/#option-scroll" rel="noreferrer">there is an option to have the sortable item container scroll when an item is dragged</a>.</p>

<p>I have multiple sortable lists connected in separate containers with max heights and overflow scrolls:</p>

<pre><code>&lt;div class="list"&gt;
  &lt;div class="item"&gt;A1&lt;/div&gt;
  &lt;div class="item"&gt;A2&lt;/div&gt;
  &lt;div class="item"&gt;A3&lt;/div&gt;
  &lt;div class="item"&gt;A4&lt;/div&gt;
  &lt;div class="item"&gt;A5&lt;/div&gt;
&lt;/div&gt;

&lt;div class="list"&gt;
  &lt;div class="item"&gt;B1&lt;/div&gt;
  &lt;div class="item"&gt;B2&lt;/div&gt;
  &lt;div class="item"&gt;B3&lt;/div&gt;
  &lt;div class="item"&gt;B4&lt;/div&gt;
  &lt;div class="item"&gt;B5&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I need to be able to scroll each container when items are dragged between them.</p>

<p>Currently, dragging only scrolls the parent container - we need it to be able to scroll connected list containers.</p>

<p>See this codepen for basic setup:
<a href="http://codepen.io/typ90/pen/pymOdV" rel="noreferrer">http://codepen.io/typ90/pen/pymOdV</a></p>

<p>I've tried using the helper option on sortable to clone the item and append to other containers as it's dragged around with no luck.</p>

<p>Any ideas?</p>