Skip to main content

Search and Top Navigation

#4187 closed bug (worksforme)

Opened February 19, 2009 12:18PM UTC

Closed April 18, 2009 10:00PM UTC

Strange behaviour with resizable and draggable

Reported by: tcarnell Owned by:
Priority: critical Milestone: 1.8
Component: ui.resizable Version: 1.6rc6
Keywords: resizable draggable handles Cc:
Blocked by: Blocking:
Description

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!

Attachments (1)
Change History (5)

Changed February 20, 2009 01:28PM UTC by rdworth comment:1

description: 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!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!
milestone: TBD1.7
priority: majorcritical

Changed February 23, 2009 09:20AM UTC by tcarnell comment:2

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.

Changed March 02, 2009 09:21PM UTC by raziel057 comment:3

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?

Changed March 08, 2009 02:34PM UTC by rdworth comment:4

milestone: 1.71.8

Changed April 18, 2009 10:00PM UTC by scottgonzalez comment:5

resolution: → worksforme
status: newclosed

Works for me. Test page attached.