Bug Tracker

Opened 12 years ago

Closed 12 years ago

#2584 closed bug (wontfix)

[Resizable & Draggable] Element jumps up & left after resize in Mozilla

Reported by: telega Owned by: braeker
Priority: major Milestone: 1.2.4
Component: ui Version: 1.2.3
Keywords: Cc:
Blocked by: Blocking:

Description

The code below produces a draggable and resizable div, as expected. However, once this div is resized for the 1st time, subsequent resizes and drags cause the div to jump a bit to up & left. This happens only in Firefox (3.0b5pre). Opera and IE work fine.

<script src="jquery/jquery-1.2.3.js"></script>
<script src="jquery/jquery.dimensions.js"></script>
<script src="jquery/ui.mouse.js"></script>
<script src="jquery/ui.draggable.js"></script>
<script src="jquery/ui.resizable.js"></script>
<script>
  $(document).ready(function() {
    $("<div id='aaa'></div>").resizable()
                             .draggable()
                             .appendTo(document.body);
  });
</script>
<style>
  #aaa {
    width: 100px;
    height: 100px;
    background-color: lightblue;
    border: 1px solid black;
  }
</style>

Change History (3)

comment:1 Changed 12 years ago by paul

Owner: changed from paul to braeker

comment:2 Changed 12 years ago by telega

More info: jump offset equals to the body margin. When body margin = 0, no jump occurs.

comment:3 Changed 12 years ago by paul

Resolution: wontfix
Status: newclosed

having a margin on the body is not supported by jQuery's offset method, it's too difficult to track. If you need a margin, please use a div wrapper.

Note: See TracTickets for help on using tickets.