As soon as i click on drag handle it moves away either in top direction or in bottom direction with some offset

I am using container inside another container (not immediate to its parent but somewhere deep down in parent)
**sortablecontainer**

**sortableItem**
...... some childs

... so on
**sortablecontainer**
**sortableItem** **/sortableItem**
**/sortablecontainer**

**/sortableItem**
.... so on

**/sortablecontainer**

As soon as i click on drag handle it moves in either top or bottom direction with some offset.

Moreover its element is getting outside of container even after using lockAxis and locktocontaineredges.

I am not able to find any solution for this