Opened 12 years ago

Closed 12 years ago

Last modified 11 years ago

#1969 closed feature (notabug)

UI.draggable - limits/boundaries

Reported by: pwoldberg Owned by:
Priority: minor Milestone:
Component: ui.core Version: 1.2.1
Keywords: Cc:
Blocked by: Blocking:

Description

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.

Change History (3)

comment:1 Changed 12 years ago by 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.

comment:2 Changed 12 years ago by paul

Resolution: invalid
Status: newclosed

this can be done using the containment option.

comment:3 Changed 11 years ago by (none)

Milestone: 1.2.2

Milestone 1.2.2 deleted

Note: See TracTickets for help on using tickets.