When I add resizable() and draggable(), or even just draggable() with containment, the element get a margin-right that matches the extra space from the right side of the element to the bounding box of the parent on the right side. So a <span> that is 100px wide inside a <div> that is 500px wide, ends up with a margin-right:400px. At this point, i cannot move the element laterally, only vertically.
Is there a way to avoid this?
The kicker is when I have resizable() on the the same element, and I resize it (using the ui elements) the margin-right goes away, and I can move it laterally.
How can I fix this, or trigger a resize() on initialize?
setting the margin-right on create:function(), or css({margin-right}) didn't work.