I have multiple div elements with both draggable and resizable, like this:
- $( ".draggable" ).draggable({ grid: [ 40, 40 ], containment: "#playfield", scroll:false}).resizable({ grid: 40});
Both drag and resize work. However, when the page loads and you try to resize the elements, the elements move, sort of "collapsing" on one another toward the upper left corner.
Another weird thing is, they will do this only once per element. For example if I resize all of the elements(causing all of the other elements lower and to the right of the one resized to move) and then reposition them to their original spots, and try to reproduce the original bug, everything works as it should, no problems.
Anyone know what the deal with this is?