I have created a drag and drop example with two columns. The left list is used to select an an item and the right one to drop it (Please visit for the example). Nearly everything works as expected but there is a single problem I cannot solve and I havn't found anything on the web so far: As we have a lot of items to choose from, I am using a div to have a scrollable list on the left side.
Unfortunately, when I scroll down to select an item from the bottom of the left list and to drop it on the right side, the position of the selected item is deferred by the amount of the scrolled window position when I move it to the right list. The reason for that is probably the scrolled list on the left side, but I have absolutely no idea how to fix this.
Maybe someone out there has an idea or a workaround?
Regards,
David