Ticket #3328 (closed bug: fixed)

Opened 18 months ago

Last modified 13 months ago

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:

Description

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

containment_in_overflow_hidden.diff (2.2 kB) - added by c_t 18 months ago.
Make containment-restriction work for containers with overflow:hidden

Change History

Changed 18 months ago by c_t

Make containment-restriction work for containers with overflow:hidden

Changed 18 months ago by paul

  • status changed from new to closed
  • resolution set to fixed

Looks good, thanks! Fixed in r680.

Changed 16 months ago by rdworth

  • milestone changed from 1.6 to 1.6rc2

Changed 13 months ago by paul

  • component changed from ui.core to ui.draggable
Note: See TracTickets for help on using tickets.