Opened 15 years ago

Closed 15 years ago

Last modified 14 years ago

#2171 closed enhancement (fixed)

allow containing draggable elements within the window

Reported by: Scott González Owned by: paul
Priority: minor Milestone: 1.5
Component: ui.draggable Version: 1.5b4
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 Scott González 15 years ago.
containment-window-fixed.patch​ (2.5 KB) - added by Scott González 15 years ago.
with fixed position support

Download all attachments as: .zip

Change History (8)

Changed 15 years ago by Scott González

Attachment: containmentwindow.patch​ added

Changed 15 years ago by Scott González

Attachment: containment-window-fixed.patch​ added

with fixed position support

comment:1 Changed 15 years ago by Scott González

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

comment:2 Changed 15 years ago by Scott González

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

comment:3 Changed 15 years ago by (none)

Milestone: 1.2.3

Milestone 1.2.3 deleted

comment:4 Changed 15 years ago by paul

Component: ui.core → ui.draggable
Version: 1.2.2 → 1.5b4

comment:5 Changed 15 years ago by paul

Resolution: → fixed
Status: new → closed

comment:6 Changed 14 years ago by paul

Milestone: → 1.5
Note: See TracTickets for help on using tickets.