Draggable misses targets after scroll

Draggable misses targets after scroll

Hi,

On my page I have a bunch of draggable elements and a bunch of targets.  The part where it's a little tricky is the fact that the droppable elements (targets) are within a div that scrolls along with the page.

What seems to happen is this: when you start dragging an element and never make the page scroll and drag to one of the targets, it works fine.

On the other hand, if you start dragging an element and the page has to scroll (auto-scroll) which means in turn the floating menu with targets moves too, it isn't able to find any of the droppable targets once you release the mouse button.  It seems that once you start dragging it doesn't keep track of the updates position of the targets?  Is there a workaround for this?

Any help and ideas are greatly appreciated.

Thanks in advance,
~David