Search and Top Navigation
Ticket #4041: default.html
File default.html, 1.0 KB (added by scottgonzalez, February 04, 2009 04:03AM UTC)
minimal test case
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Sortable - Bug #4041</title>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/ui.sortable.js"></script>
<style type="text/css">
li {
background-color: #aaa;
list-style: none;
margin: 5px;
padding: 5px;
width: 200px;
}
#sortable {
position: fixed;
}
</style>
<script type="text/javascript">
$(function() {
$("#sortable").sortable();
});
</script>
</head>
<body>
<div><!-- this wrapper div is required to trigger the bug -->
<ul id="sortable">
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<div style="height: 1000px;"></div>
</div>
</body>
</html>
Download in other formats:
Original Format
File default.html, 1.0 KB (added by scottgonzalez, February 04, 2009 04:03AM UTC)
minimal test case
<!doctype html>
<html lang="en">
<head>
<title>jQuery UI Sortable - Bug #4041</title>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.3.1.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/ui.sortable.js"></script>
<style type="text/css">
li {
background-color: #aaa;
list-style: none;
margin: 5px;
padding: 5px;
width: 200px;
}
#sortable {
position: fixed;
}
</style>
<script type="text/javascript">
$(function() {
$("#sortable").sortable();
});
</script>
</head>
<body>
<div><!-- this wrapper div is required to trigger the bug -->
<ul id="sortable">
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<div style="height: 1000px;"></div>
</div>
</body>
</html>