jQuery Draggable + Sortable - Как перетаскивать между двумя прокручиваемыми списками

Я хотел бы иметь два списка, «Доступные элементы» и «Выбранные элементы», в соответствии с которыми доступные элементы назначаются выбранным элементам с помощью перетаскивания. Я требую, чтобы выбранные элементы можно было сортировать, но не доступные элементы. Проблема в том, что оба списка потенциально могут содержать значительное количество элементов и, следовательно, должны быть прокручиваемыми.

Вот jQuery, который у меня есть:

И соответствующий HTML:

            

            

                
Item 1
                
Item 2
                
Item 3
                
Item 4
                
Item 5
                
Item 6
                
Item 9
                
Item 10
            


            

                
Item 7
                
Item 8
                
Item 9
                
Item 10
                
Item 11
                
Item 12
                
Item 13
                
Item 14
                
Item 15
                
Item 16
                
Item 17
                
Item 18
            
            
 
        

Однако с требованием прокручиваемого списка я не могу заставить поведение перетаскивания работать элегантно (см. Демонстрацию по адресу http://pastehtml.com/view/1bsk6bt.html ).

] После того, как перетаскиваемый элемент попадает в список «Доступные элементы», он исчезает за прокручиваемой рамкой. Я попробовал помощник клонирования, а также попытался поиграть с содержащими divs, различными параметрами переполнения, отключив параметр прокрутки в jQuery, но не могу заставить его работать должным образом. Я уверен, что кто-то добился чего-то вроде того, что я собираюсь сделать здесь, и может сэкономить мне время? :)

Любая помощь будет принята с благодарностью!