jQuery UI #7271

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

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/7271">jQuery UI #7271</a> - Resize the box to the east in IE7 or IE8 and the box will grow vertically when it should only grow horizontally.</p>

<div class="box"></div>

CSS

body { padding: 20px; }
p { line-height: 1.5; }
.helper {
    border-style: dashed;
    border-width: thick;
}
.box {
    float: left;
    margin: 1em;
    border: 1px solid black;
    width: 200px;
    height: 200px;
    background-color: red;
}

JavaScript

$('.box').resizable({
    helper: 'helper'
});