Opened 10 years ago

Closed 10 years ago

Last modified 9 years ago

#3328 closed bug (fixed)

Containment (resizable and draggable) not working when container has overflow:hidden

Reported by: c_t Owned by: paul
Priority: major Milestone: 1.6rc2
Component: ui.draggable Version: 1.6b
Keywords: containment, overflow Cc:
Blocked by: Blocking:


Assume you have a resizable and/or draggable inside a container with the containment-option specified to constrain the resize- and drag-operations to that container. If the container has the css-property overflow:hidden assigned and if it's content is larger than the container itself (i.e. without overflow:hidden the content would overlap) then the restriction does not work.

This is due to the fact, that jquery ui thinks the container is scrollable while it isn't due to the css-property.

I have appended a fix that makes the containment-option work for both resizables and draggables. I would really appreaciate it to see the patch included in 1.6 .

Attachments (1)

containment_in_overflow_hidden.diff (2.2 KB) - added by c_t 10 years ago.
Make containment-restriction work for containers with overflow:hidden

Download all attachments as: .zip

Change History (4)

Changed 10 years ago by c_t

Make containment-restriction work for containers with overflow:hidden

comment:1 Changed 10 years ago by paul

Resolution: fixed
Status: newclosed

Looks good, thanks! Fixed in r680.

comment:2 Changed 10 years ago by rdworth

Milestone: 1.61.6rc2

comment:3 Changed 9 years ago by paul

Component: ui.coreui.draggable
Note: See TracTickets for help on using tickets.