Skip to main content

Search and Top Navigation

#4390 closed bug (worksforme)

Opened March 22, 2009 08:34AM UTC

Closed October 29, 2012 03:23PM UTC

Included sortables. Bug with elements positions in IE7.

Reported by: malus Owned by:
Priority: major Milestone: 2.0.0
Component: ui.sortable Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

It must be sortable tree with saving parent/child element status. In all another browsers it works correct.

<style>
.treeChild{
margin-left:20px;
}
</style>
<div id="tree">
<ul class="parent">
	<li class="treeParent">parent 1</li>
	<li class="treeChild">child 1_1</li>
	<li class="treeChild">child 1_2</li>
</ul>

<ul class="parent">
	<li class="treeParent">parent 2</li>
	<li class="treeChild">child 2_1</li>
	<li class="treeChild">child 2_2</li>
</ul>
</div>


<script language="JavaScript" type="text/javascript">
	  $( "#tree" ).sortable
			(
				{
				connectWith: "#tree",
				items: 'ul'
				}
			);

		$( ".parent" ).sortable
			(
				{
				connectWith: "#tree .parent",
				items: 'li:not(.treeParent)'
				}
			);
</script>
Attachments (0)
Change History (5)

Changed May 07, 2009 10:54AM UTC by jzaefferer comment:1

description: It must be sortable tree with saving parent/child element status. In all another browsers it works correct. \ \ <style> \ .treeChild{ \ margin-left:20px; \ } \ </style> \ <div id="tree"> \ <ul class="parent"> \ <li class="treeParent">parent 1</li> \ <li class="treeChild">child 1_1</li> \ <li class="treeChild">child 1_2</li> \ </ul> \ \ <ul class="parent"> \ <li class="treeParent">parent 2</li> \ <li class="treeChild">child 2_1</li> \ <li class="treeChild">child 2_2</li> \ </ul> \ </div> \ \ \ <script language="JavaScript" type="text/javascript"> \ $( "#tree" ).sortable \ ( \ { \ connectWith: "#tree", \ items: 'ul' \ } \ ); \ \ $( ".parent" ).sortable \ ( \ { \ connectWith: "#tree .parent", \ items: 'li:not(.treeParent)' \ } \ ); \ </script>It must be sortable tree with saving parent/child element status. In all another browsers it works correct. \ \ {{{ \ <style> \ .treeChild{ \ margin-left:20px; \ } \ </style> \ <div id="tree"> \ <ul class="parent"> \ <li class="treeParent">parent 1</li> \ <li class="treeChild">child 1_1</li> \ <li class="treeChild">child 1_2</li> \ </ul> \ \ <ul class="parent"> \ <li class="treeParent">parent 2</li> \ <li class="treeChild">child 2_1</li> \ <li class="treeChild">child 2_2</li> \ </ul> \ </div> \ \ \ <script language="JavaScript" type="text/javascript"> \ $( "#tree" ).sortable \ ( \ { \ connectWith: "#tree", \ items: 'ul' \ } \ ); \ \ $( ".parent" ).sortable \ ( \ { \ connectWith: "#tree .parent", \ items: 'li:not(.treeParent)' \ } \ ); \ </script> \ }}}
milestone: TBD1.7.2

Changed May 07, 2009 01:22PM UTC by jzaefferer comment:2

milestone: 1.7.21.8

Changed October 19, 2010 03:53PM UTC by scottgonzalez comment:3

priority: criticalmajor

Changed October 11, 2012 02:54PM UTC by scottgonzalez comment:4

milestone: 1.9.02.0.0

Changed October 29, 2012 03:23PM UTC by mikesherov comment:5

resolution: → worksforme
status: newclosed

Thanks for taking the time to contribute to the jQuery UI project! I can no longer reproduce the issue using the latest jQuery and jQuery UI. http://jsfiddle.net/t79w6/

If you can still reproduce it, please feel free to reply to this ticket with a test case showing the problem. Thanks!