Hi am,
I am having a problem I don't know how to fix. I have a container div. Inside this container div I have another div, which is resizable and dragable, just like next:
$("#id").find("id").css("width", width).css("height", height).
draggable({
containment: "#id",
grid:[grid_shift, grid_shift],
start: function(event, ui){
...
},
stop: function(event, ui){
...
}
}).
resizable({
containment: "#id",
grid:grid_shift,
maxWidth: (width + grid_shift*8),
start : function(event, ui){
....
},
stop : function(event, ui){
...
}
});
If I drag the element with no previous resize, everything is ok. But if I resize it, when I next drag it, the div gets out of its containment. I can drag it, even with its grid and containment restrictions, but it sort of jumps outside the containment div just when drag starts.
If I remove the containment property from the draggable method, it works ok.
Any clue?
I'm developiong with jquery 1.3.2, jquery ui 1.7.1.
Thanks