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 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: | TBD → 1.7.2 |
Changed May 07, 2009 01:22PM UTC by comment:2
| milestone: | 1.7.2 → 1.8 |
|---|
Changed October 19, 2010 03:53PM UTC by comment:3
| priority: | critical → major |
|---|
Changed October 11, 2012 02:54PM UTC by comment:4
| milestone: | 1.9.0 → 2.0.0 |
|---|
Changed October 29, 2012 03:23PM UTC by comment:5
| resolution: | → worksforme |
|---|---|
| status: | new → closed |
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!