Ticket #3052 (closed bug: fixed)
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: | vance@… |
| Blocking: | Blocked by: |
Description
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:
Change History
comment:3 Changed 5 years ago by vlucas
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?


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