divs get magically repositioned when using draggable and resizable inside a scrolling div
<div dir="ltr">I think there might be a bug related to combining draggable and resizable. The div I'm manipulating get's magically repositioned to the top of the scrolling div.
When I use the javascript code:
$("#testme").resizable().draggable();
With this html code:
<div style="height:200px;overflow-x:hidden;overflow-y:scroll"><table><tbody><tr><td><div style="height:1000px"><div id="testme" style="width: 228px; height:157px;background-color:red">hi</div></td></tr></tbody></table></div>
Then you drag the div to the bottom of the scrolling div, resize the div, then try to drag it again the div will be repositioned to the top of the scrolling div.
Versions:
jquery 1.2.6
jquery-ui 1.5.2 and 1.6rc1
mozilla 3.x
</div>