Sortable bug in internet explorer
Hello,
First, I have a container <div> with sortable items , which float:
left;
When you drag a sortable in firefox, the element you're dragging
appears beneath the pointer, but in internet explorer, it appear way
to the right (as they're floating it appears on the last column)
I have this little html to explain
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script>
$(function() {
$('#list').sortable({items: '.sort'});
});
</script>
<style>
.sort {
float: left;
background: yellow;
width: 150px;
height: 50px;
margin: 10px;
}
</style>
</head>
<body>
<h1>HELLO</h1>
<div id="list">
<div class="sort">a</div>
<div class="sort">b</div>
<div class="sort">c</div>
<div class="sort">d</div>
</div>
</body>
</html>
Now try that in IE and you'll see the dragged element appears 600px to
the left (size of 4 elements). To fix that temporarily, i added
.item {
_top: -99999999999px !important;
}
so the helper does not appear on IE.
Thanks a lot for the attention
gui