Ticket #4573 (closed bug: patcheswelcome)

Opened 4 years ago

Last modified 3 months ago

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:
Blocking: Blocked by:

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.

Change History

comment:1 Changed 4 years ago by rdworth

  • Milestone changed from 1.7.2 to 1.8

comment:2 Changed 7 months ago by scott.gonzalez

  • Milestone changed from 1.9.0 to 2.0.0

comment:3 Changed 7 months ago by mikesherov

  • Status changed from new to open
  • Summary changed from Div elements dissapearing with drag&drop functions in IE7 to Sortable: div elements disappears during drag in IE7

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

comment:4 Changed 3 months ago by tj.vantoll

  • Status changed from open to closed
  • Resolution set to patcheswelcome

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.

Note: See TracTickets for help on using tickets.