Opened 11 years ago

Closed 10 years ago

#4187 closed bug (worksforme)

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 (last modified by rdworth)

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)

4187-working.html (1.1 KB) - added by Scott González 10 years ago.

Download all attachments as: .zip

Change History (6)

comment:1 Changed 11 years ago by rdworth

Description: modified (diff)
Milestone: TBD1.7
Priority: majorcritical

comment:2 Changed 11 years ago by 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.

comment:3 Changed 11 years ago by 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?

comment:4 Changed 11 years ago by rdworth

Milestone: 1.71.8

Changed 10 years ago by Scott González

Attachment: 4187-working.html added

comment:5 Changed 10 years ago by Scott González

Resolution: worksforme
Status: newclosed

Works for me. Test page attached.

Note: See TracTickets for help on using tickets.