Skip to main content

Search and Top Navigation

#3277 closed bug (wontfix)

Opened September 02, 2008 01:48PM UTC

Closed September 16, 2008 11:19AM UTC

IE/Opera draggables bug

Reported by: ezd Owned by: paul
Priority: major Milestone:
Component: ui.draggable Version: 1.6b
Keywords: Cc:
Blocked by: Blocking:
Description

IE: 6.0.2900...

FF: 3.0

Opera: 9.24

When i release a draggable node outside an any droppable node, IE revert it to a wrong position (about +2px from previous place each time i move it). For FF it works fine. Opera has other bug.

jquery-ui-personalized-1.6b.js contains all features.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<style type="text/css" media="all">
html, body {font-family: Arial, Verdana;font-size: 9pt;}

.tree_item_line{
 font-family: Arial, Verdana;
 background: #fff;
 cursor: move;
 font-size: 8pt;
 font-weight: bold;
}

.tree_item_accept{

}

.tree_item_accept_hover{
 background: #8e8;
 border-left: 2px solid #060;
}

.tree_item_tree{
 padding-left: 16px;
}

</style>
<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="jquery-ui-personalized-1.6b.js" type="text/javascript"></script>
</head><body>
<div id="tree">
 <div class="ETree" id="ETree_t">
  <div class="tree_item" id="ETree_t_20">
   <span class="tree_item_line" id="etree_node[20]"> ROOT</span>
   <div id="ETree_t_list_20" class="tree_item_tree">
    <div class="tree_item" id="ETree_t_21">
     <span class="tree_item_line" id="etree_node[21]"> Node 1</span>
     <div style="display: none;" id="ETree_t_list_21" class="tree_item_tree"></div>
    </div>
    <div class="tree_item" id="ETree_t_23">
     <span class="tree_item_line" id="etree_node[23]"> Node 3</span>
     <div style="display: none;" id="ETree_t_list_23" class="tree_item_tree"></div>
    </div>
    <div class="tree_item" id="ETree_t_22">
     <span class="tree_item_line" id="etree_node[22]"> Node 2</span>
     <div id="ETree_t_list_22" class="tree_item_tree">
      <div class="tree_item" id="ETree_t_24">
       <span class="tree_item_line" id="etree_node[24]"> Node 2.2</span>
       <div style="display: none;" id="ETree_t_list_24" class="tree_item_tree"></div>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>
<script type="text/javascript">

var els=$("#tree .tree_item_line");
for(var i=0;i<els.length;i++){
 $(els[i]).draggable({opacity: 0.5, zIndex: 1000, revert: true, ghosting: true});
 $(els[i]).droppable({accept: '.tree_item_line', greedy: true, activeClass: 'tree_item_accept', hoverClass:	'tree_item_accept_hover'});
}
</script>
</body></html>
Attachments (0)
Change History (2)

Changed September 15, 2008 08:30PM UTC by paul comment:1

component: ui.coreui.draggable
priority: blockermajor

Changed September 16, 2008 11:19AM UTC by paul comment:2

resolution: → wontfix
status: newclosed

Hey there, it's a bug with the offset method. If you remove the doctype for IE6, it will work fine.