I am facing an issue in drag drop functionality between multiple lists in a popup when there are so many items in list 1.
I'm using knockout-sortable.js and modal popup.
<div class="seats" data-bind="sortable: { data: students }">
I've modified the seating chart example. Here's the code for knockout-sortable.js.
Same issue occurs with sortable using jquery-ui.
Here's the code for jquery-ui.js.
Here, if I scroll down to the last name(Lyla) in the first list and drag it in the second empty list, drop doesnot happen. However, if I scroll the names in the top of list, where I don't have to scroll upward (Bobby, Ted, Jim, etc), the item drops in the second list.
This issue doesnot occur without popup.
Please help.
In this case, I have to drag the item to the empty list first and then drop it. I should not drag it to the top of the first list and then drop it in the second list.