UI.draggable - limits/boundaries

[pwoldberg]

Would be nice to have limits/boundaries for draggable elements. Currently it can be limited by a parent element and by x- or y-axis.

Example for implementation:

jQuery('#drag').draggable({
  limit: {top: 50, left: 100, bottom: 200, right: 200}
});

jQuery('#dragHorizontal').draggable({
  axis : 'x',
  limit: {left: 100, right: 400}
});

I don't know if top, left, bottom and right would be best to set the boundaries, an other idea is to use x1, y1, x2 and y2.

[m0n5t3r]

this could also e useful in another problem: when you drag something towards the right/bottom border of the screen, the page will be expanded horizontally/vertically, which is leads to ugly results; so, constraining by default to the window limits would be nice.

[paul]

this can be done using the containment option.