jQuery UI #7026

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

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/7026">jQuery UI bug #7026</a> - When a <code>input[type=button]</code> is made <code>resizable</code> its made smaller.</p>

<input type="button" value="Resizable" />
<input type="button" value="Not Resizable" />

CSS

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

JavaScript

$('input:first').resizable();