Hi all
I'm trying to create a sort of "resizable sortables" elements.
I've created Sortables with handles, and they work correctly. I want
now to make those elements resizable, and here is what I wanted to do.
I've stored resizable reference into my element
$$('.sortable_element').each(function(elem){
elem.resizeRef = elem.makeResizable();
});
then I create Sortables with these options
var sortable_options = {
clone: true,
revert: true,
handle: '.sortable_handle',
onStart : function (el){
console.log("detach resize");
el.resizeRef.detach();
},
onComplete : function(el){
console.log("attach resize");
el.resizeRef.attach();
}
};
So that when the "sortable drag" starts, the "resizable drag"
behaviour of each dragged element should be turn off (or it will
resize the element while you are moving it for sort it ... what a
mess!). When the sort dragging is completed, the ref gets attached
again so it can be resized again.
But, while I get no errors, it doesn't work, as the resizable
behaviour is still active when I drag the element by "sort drag"
handle ...
Can anyone help me on this?