Strange behaviour with resizable and draggable

[tcarnell]

In version 1.5 I had a resizable and draggable div with the following options:

resizable:

• handles:'n,ne,nw,s,se,sw,e,w',
• knobHandles:true,
• autoHide:true,
• grid:[10px,10px],
• containment:#canvasId
• start: function(e, ui) {...},
• stop: function(e, ui) {...}

draggable:

• handle:'.widget-drag-handle',
• grid:[10px,10px],
• containment:#canvasId,
• start: function(e, ui) {},
• stop: function(e, ui) {}

The behaviour was stable and worked as expected. The exact same code in UI 1.6 has strange problems, for example dragging the div, then resizing from the 'SE' handle causes the div to shoot off to the right!

[tcarnell]

In addition, there is also another strange side-effect when switching from 1.5 -> 1.6

I have a 'canvas' div (800x600), on which exists the above resizable and draggable div. Using 1.5 the behaviour was expected in that the 'widget' could be moved and resized anywhere within the canvas. However in 1.6, with the same code, often an 'invisible' limit seems to prevent the div from being resized to the full extend of the canvas - as I resize/enlarge the widget (using e,ne,se handles) after a certain size the widget stops expanding to the right.

Using other handles (the w,sw,nw,n,s) causes the behaviour described above.

[raziel057]

Can you add a case test please?

Be careful to specficy padding:0; to the container div #canvasId and margin:0; to the resizable div if you wants be able to resize to the full extend of the canvas.

Can you try using the latest version in svn trunk?

[Scott González]

Works for me. Test page attached.