jQuery UI #7018

http://bugs.jqueryui.com/ticket/7018

by TJ VanToll

HTML

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<link href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<!--
<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
-->
<div id="container"><div id="object"></div></div>

CSS

#container  {
    border:1px solid black;
    height:400px;    
    position:relative;
    width:400px;
}

#object {
    width:100px;
    height:100px;
    border:1px solid black;
    top: 220px;
    left: 220px;
}

JavaScript

$('#object').resizable({
    containment: 'parent',
    cursor: 'move',
    scroll: false,
    aspectRatio: true,
    handles: 'all'
});