Problem with draggable/droppable when droppables are inside scrollable div

Problem with draggable/droppable when droppables are inside scrollable div

Hi, I have droppable elements inside a DIV. This is a scrollable DIV as lot of droppable elememnts (ui) are there. The drop accept begins even after a draggable item is dropped below this scrolling DIV. Note that, item is dropped even no droppable is visible (since, they are actually in DIV with scrollbar). Can anybody please look into this problem?

Sample is there at, http://jsbin.com/asatu3/3

In above sample, drag (Record 1, Record 2...) from left list to the right list which is scrollable. This will work as expected. Now, drag the items from left list to the bottom of the right list (ie, below/outside of scrollable region). Drop is still accepted, which is a problem.

Somebody please reply...............

Bhavnik