Bug Tracker

Opened 13 years ago

Closed 13 years ago

Last modified 7 years ago

#1969 closed feature (invalid)

UI.draggable - limits/boundaries

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


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:

  limit: {top: 50, left: 100, bottom: 200, right: 200}

  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 13 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 13 years ago by paul

Resolution: invalid
Status: newclosed

this can be done using the containment option.

comment:3 Changed 7 years ago by anonymous

i want to set a draggable element that can not go out of the parent container, but at the bottom side, it increase the height of parent element , till it goes

Note: See TracTickets for help on using tickets.