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 comment:1
| owner: | paul → braeker |
|---|
Changed April 08, 2008 09:12AM UTC by 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 comment:3
| resolution: | → wontfix |
|---|---|
| status: | new → closed |
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.