#4573 closed bug (patcheswelcome)

Opened June 02, 2009 03:12PM UTC

Closed February 09, 2013 02:57AM UTC

Sortable: div elements disappears during drag in IE7

Reported by: Rogier21 Owned by:
Priority: major Milestone: 2.0.0
Component: ui.sortable Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

When having setup like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="/js/jquery/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="/js/jquery/jquery-ui-1.7.1.custom.min.js"></script>
</head>
<body style="margin:0px;overflow: hidden;">
<script language="Javascript">
$(document).ready(function(){
    $("#sort-container").sortable();
});
</script>

<div style="width:100%;height:100%;overflow: auto;position: absolute;">
    <div style="width: 1000px;background-color: red;margin:0px auto;overflow: hidden;">
        <ul id="sort-container" class="content">
            <li id="item1" class="sort-item">John</li>
            <li id="item2" class="sort-item">Paul</li>
            <li id="item3" class="sort-item">George</li>
            <li id="item4" class="sort-item">Pete</li>
            <li id="item5" class="sort-item">Stu</li>
            <li id="item6" class="sort-item">Ringo</li>
        </ul>
    </div>
</div>
</body>
</html>

Sometimes when loading IE7 will remove the first,red div element. It will always happen when starting to drag.

Changing

height:100% to height:1000px in the first DIV

AND

removing margin:0px; in the body tag

will solve the problem, but because of my layout design, not an option.

Attachments (0)
Change History (4)

Changed June 04, 2009 09:42AM UTC by rdworth comment:1

milestone: 1.7.2 → 1.8

Changed October 11, 2012 02:54PM UTC by scottgonzalez comment:2

milestone: 1.9.0 → 2.0.0

Changed November 04, 2012 06:18PM UTC by mikesherov comment:3

status: new → open
summary: Div elements dissapearing with drag&drop functions in IE7 → Sortable: div elements disappears during drag in IE7

confirmed in IE7: http://jsfiddle.net/8hYPy/embedded/result/

Changed February 09, 2013 02:57AM UTC by tj.vantoll comment:4

resolution: → patcheswelcome
status: open → closed

I cannot reproduce this issue in IE7 against master. And since this is being caused by a combination of CSS rules and is only an issue in IE7... at this point, we're not going to invest any more time into searching for a workaround that we're comfortable implementing. If anyone has a proposed fix, we'll gladly review a pull request.