Elements became randomly non-resizable after dragging

Question

After multiple elemens are selected and dragged, some of them are no more resizable: resize icon disappear from right corner.

Resizable icon remains in old place and doe

Answer 1

The problem is that the resizable icons are selectable as well, so when you include them in the lasso, they are selected and their top and left are changed when you drag.

Selectable has a filter option that allows to specify which elements should be selectable. By setting it to '.designer-field' it should solve the problem.

$(".designer-panel-body").selectable({
    filter: '.designer-field'
});

See: https://jsfiddle.net/kec4jgvf/1/