Skip to main content

Bug Tracker

Side navigation

#2584 closed bug (wontfix)

Opened March 25, 2008 08:09PM UTC

Closed May 04, 2008 08:50AM UTC

[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>
Attachments (0)
Change History (3)

Changed March 27, 2008 02:33PM UTC by paul comment:1

owner: paulbraeker

Changed April 08, 2008 09:12AM UTC by telega comment:2

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

Changed May 04, 2008 08:50AM UTC by paul comment:3

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.