Opened 14 years ago

Closed 14 years ago

#3277 closed bug (wontfix)

IE/Opera draggables bug

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


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"
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css" media="all">
html, body {font-family: Arial, Verdana;font-size: 9pt;}

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



 background: #8e8;
 border-left: 2px solid #060;

 padding-left: 16px;

<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="jquery-ui-personalized-1.6b.js" type="text/javascript"></script>
<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 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 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>
<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'});

Change History (2)

comment:1 Changed 14 years ago by paul

Component: ui.coreui.draggable
Priority: blockermajor

comment:2 Changed 14 years ago by paul

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.

Note: See TracTickets for help on using tickets.