Resizable: Plugin sets width and height when only one is changing

[atrigent]

We have an element which we want to be resizable vertically and hold only its height consistent. The width should be dynamic and dependent on the container size and other factors.

resizable sets both the height and width, even if only one of those values is actually changing. In our case, this causes the width to be set as a constant number of pixels and breaks our desired dynamic layout. We are currently working around this by clearing the width setting in the resize handler, but this is a hack and shouldn't be necessary.

[eromba]

Here is a test case:

​http://jsbin.com/ebijab

I've submitted a pull request with a fix and unit test here:

​https://github.com/jquery/jquery-ui/pull/694

[tj.vantoll]

#3634 is a duplicate of this ticket.

[tj.vantoll]

Another test case from the duplicate ticket - ​http://jsfiddle.net/tj_vantoll/FCF4N/.

[Ethan Romba]

Resizable: Update CSS dimensions selectively. Fixes #7605 - Setting width and height when only one is changing

Resizable: Trigger resize event only when element is resized. Fixes #5545 - Callbacks ignore the grid.

Resizable: Added event tests. Fixes #5817 - resize event reports unconstrained ui.size

Changeset: 3974b55ba5078799df818c78d9273e11d9796ff3