#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 15 years ago by
comment:2 Changed 15 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
this can be done using the containment option.
Note: See
TracTickets for help on using
tickets.
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.