We have this case with multiple grids in a container that features a scrollbar. We need to be able to move items from one grid to another using the drag and drop extension, but while we drag an item and scroll the parent container in the same time, the drag element does not snap into position in the grid that is outside the user's viewport.

You can see in this fiddle that if you scroll while you drag an item the dragged item will not snap in the grid.

There is any way to auto-scroll the parent container or to enable the dragdrop extension to work when we scroll?