Skip to main content

Search and Top Navigation

#3052 closed bug (fixed)

Opened July 01, 2008 04:31AM UTC

Closed July 29, 2008 08:51AM UTC

Last modified May 16, 2010 03:22PM UTC

UI Sortables IE issue with CSS overflow property

Reported by: anonymous Owned by: paul
Priority: major Milestone:
Component: ui.sortable Version: 1.5.1
Keywords: ui, sortables, css overflow, ie Cc:
Blocked by: Blocking:

For some reason, there appears to be an issue when viewing a sortable list inside a DIV with "overflow: scroll" in internet explorer.

This issue was discovered when attempting to use a sortable list within a fixed-height modal window. The list will scroll inside the modal window in IE fine until the sortable() function is called. After the sortable() function is called in IE, the list appears to rise above and outside the containment box, and the user can no longer scroll down to the items towards the bottom of the list.

In IE, use the "Sortable ON/OFF" button to toggle sortability and launch the modal window to see the bug in action:

Attachments (0)
Change History (5)

Changed July 03, 2008 08:44PM UTC by paul comment:1

Can you maybe upload a test case as attachment? I cannot find out what's causing this right now.

Changed July 07, 2008 08:55PM UTC by paul comment:2

milestone: 1.5.2

Changed July 10, 2008 09:08PM UTC by vlucas comment:3

I setup a very basic example at that link - Just click the button to turn sortables ON/OFF. If they are ON in IE and you launch the modal window, the DIV with overflow will not scroll the list - the list seems to rise above and outside the containing element. Close the modal and turn the sortables back OFF and launch the modal window again. The list will now scroll and behave as expected in IE.

I'm not sure what more I can do to illustrate the problem?

Changed July 25, 2008 03:16AM UTC by paul comment:4

component: ui.coreui.sortable

Changed July 29, 2008 08:51AM UTC by paul comment:5

resolution: → fixed
status: newclosed

I think it's fixed in r494.