Droppable doesn't have the right position, when a droppable is inside a draggable

[edi9999]

In our application, we have droppables inside draggables :

You can see a demo of the example here :

https://github.com/edi9999/katavorio

Active state:

Hover state :

it seems that the hover state is not triggered correctly.

Is is somehow possible to have droppables inside draggables without any issues ?

The offset is calculated with :

this.getPosition = function (el) {
            return [ el.offsetLeft, el.offsetTop ];
};

which seems to be [0,0] in our case, but the position of the element in the html is not 0,0 (that is the position to the parent element). I guess the getPosition is not correct, am I right ?