Opened 11 years ago

Closed 7 years ago

#4573 closed bug (patcheswelcome)

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.

Change History (4)

comment:1 Changed 11 years ago by rdworth

Milestone: 1.7.21.8

comment:2 Changed 7 years ago by Scott González

Milestone: 1.9.02.0.0

comment:3 Changed 7 years ago by mikesherov

Status: newopen
Summary: Div elements dissapearing with drag&drop functions in IE7Sortable: div elements disappears during drag in IE7

comment:4 Changed 7 years ago by tj.vantoll

Resolution: patcheswelcome
Status: openclosed

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.