Resizable: Callbacks ignore the grid

[nicholashall]

If a resizable has a grid defined, the 'resize' callback continuously fires as though the box were resizing normally, one pixel at a time. The result is an erroneous and largely useless callback, essentially representing only user mouse movement.

Also from what I can tell the same logic is causing the ui.size.width argument that's passed to the 'stop' callback to be erroneous, having the value the box would have had if it were not constrained to a grid, instead of its true final width.

[eromba]

Here is a test case:

​http://jsbin.com/owuqoc/#html

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

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

[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