jQuery UI #3635

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

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.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<p><a href="http://bugs.jqueryui.com/ticket/3635">jQuery UI #3635</a> - To recreate scroll to the right then resize the red box to the west.</p>

<div style="border: 1px silver solid; width: 100%; height: 400px; position: relative; left: 0px; top: 0px; overflow: auto;">
    <div style="width: 20000px; height: 800px;">
        <div class="example" style="position: absolute; left: 225px; top: 31px; width: 25px; height: 30px; background-color: red;"></div>
    </div>
</div>

CSS

body { padding: 20px; }
p { line-height: 1.5; margin-bottom: 20px; }

JavaScript

$(".example").resizable({
    handles: 'e, w',
    grid: [25, 0],
    minWidth: 25
});