Bug Tracker

Opened 12 years ago

Closed 9 years ago

#2171 closed enhancement (invalid)

allow containing draggable elements within the window

Reported by: scottgonzalez Owned by: paul
Priority: minor Milestone: 1.2.3
Component: ui Version: 1.2.2
Keywords: draggable containment window Cc:
Blocked by: Blocking:

Description

Add support for containing draggable elements within the window. 

$('#drag').draggable({
    containment: window
});

I've added a patch, but the behavior is a little strange in Opera because if you move your mouse out of the window while dragging, the page will scroll. The containment behaves as expected in other tested browsers (IE 6, Firefox 2, Safari 3 for Windows).

Attachments (2)

containmentwindow.patch​ (816 bytes) - added by scottgonzalez 12 years ago.
containment-window-fixed.patch​ (2.5 KB) - added by scottgonzalez 12 years ago.
with fixed position support

Download all attachments as: .zip

Change History (5)

Changed 12 years ago by scottgonzalez

Attachment: containmentwindow.patch​ added

Changed 12 years ago by scottgonzalez

Attachment: containment-window-fixed.patch​ added

with fixed position support

comment:1 Changed 12 years ago by scott.gonzal

I just added a new patch which includes fixed position support (requires patch from #2161).

comment:2 Changed 12 years ago by scott.gonzal

In IE, the containment is off by the size of the scrollbar for elements that have fixed or absolute positioning.

comment:3 Changed 9 years ago by scottgonzalez

Resolution: → invalid
Status: new → closed
Note: See TracTickets for help on using tickets.