Update droppable position while dragging a sortable item

Update droppable position while dragging a sortable item

Hi,

Please see the following example: http://jsbin.com/opeda4/3,I'm trying to make a nested sortable list.

The problem appears when you try to drag (sort) an element inside a 'Group' to another group. Then, the 'Group' should open its container to allow the drop of the element.

It works fine for the first Group, but if you keep dragging to the 3rd group, you can see that the droppable:over event is triggered where the group was -before- to fadeOut the container of the previous group.

Is there any way to update the position to allow the over event to work properly? Or any other approach to the problem?

A bit strange question from a newbie, so please forgive me if that could be found in other way since I wasn't able to. Thank you very much