Ticket #3052 (closed bug: fixed)

Opened 6 years ago

Last modified 4 years ago

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:

 http://www.czarweb.com/demos/jquery-sortable-ie/

Change History

comment:1 Changed 6 years ago by paul

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

comment:2 Changed 6 years ago by paul

  • Milestone 1.5.2 deleted

comment:3 Changed 6 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?

comment:4 Changed 6 years ago by paul

  • Component changed from ui.core to ui.sortable

comment:5 Changed 6 years ago by paul

  • Status changed from new to closed
  • Resolution set to fixed

I think it's fixed in r494.

Note: See TracTickets for help on using tickets.