Skip to main content

Search and Top Navigation

#3034 closed bug (notabug)

Opened June 27, 2008 03:48PM UTC

Closed July 01, 2008 07:31PM UTC

Sortable items within table + float:left + IE7 = items not displayed

Reported by: thye Owned by: paul
Priority: major Milestone:
Component: ui.sortable Version: 1.5
Keywords: sortable table float Cc:
Blocked by: Blocking:
Description

Try the following html with jquery.ui 1.5 in Firefox, you can see item 1, 2 and 3. Try it in IE7, you see nothing. The bug occurred when sortable items are 'floated' and within a table.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="ui.core.min.js"></script>
<script type="text/javascript" src="ui.sortable.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#mylist').sortable();
});

</script>
<style>

ul { list-style-type: none; }
ul li { float: left; }

</style>
</head>
<body>

<table>
<tr>
<td>

	<div>
	<ul id=mylist>
		<li>item 1</li>
		<li>item 2</li>
		<li>item 3</li>
	</ul>
	</div>

</td>
</tr>
</table>

</body>
</html>
Attachments (0)
Change History (1)

Changed July 01, 2008 07:31PM UTC by paul comment:1

resolution: → invalid
status: newclosed

This is not a bug within sortables, but apparently within the jQuery core - setting css("position", "relative") on the container causes the behaviour - but it's not like that if you set it in the style attribute before explicitely.

Would be great if you could enter it again in http://dev.jquery.com/newticket. Thanks!