Resizable: off-by-one pixel dimensions with helper and grid

[wch]

This happens with 1.10.3: ​http://jsfiddle.net/winstonchang/nCAkM/

But not with 1.9.2: ​http://jsfiddle.net/winstonchang/dfqtt/

This happens when a helper is used; if it's not used, then the problem doesn't happen.

[tj.vantoll]

Hi wch,

Thanks for taking the time to contribute to the jQuery UI project. I'm not seeing the problem you're describing. I altered your test case to output the height and width of the element and it appears to be working correctly: ​http://jsfiddle.net/tj_vantoll/czkeF/.

Maybe I'm just missing something. Could you please alter my test case to show the issue you're seeing?

[tj.vantoll]

Also if you are seeing the issue in my test case us know what browser you're seeing it in. Thanks.

[wch]

Hi - I am able to reproduce it with your example. The trick is to click on the corner, move the mouse until the frame shows up (but don't actually change to a different size) and then let go of the button. That's when it happens. This occurs for me in Chrome and Firefox.

Also, in your example, the displayed values for Height and Weight don't change, even though the box shrinks each time.

[hadley]

Possibly related, if you make the border very thick (as in ​http://jsfiddle.net/hyGBh/), it doesn't line up with the resulting box size.

[tj.vantoll]

The behavior starts in 1.10.0 so I'm guessing this is a regression caused by ​https://github.com/jquery/jquery-ui/commit/6e0a0553ce85997e4f37597800b440b1e4371b5b. I haven't confirmed that though.

[k_borchers]

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

[Kris Borchers]

Resizable: Store size based on calculated helper size to prevent 1 pixel shifts. Fixes #9547 - Resizable: off-by-one pixel dimensions with helper and grid

Changeset: 14065dc23bb453b6c30138f225c9db728dd7e455

[tj.vantoll]

#9667 is a duplicate of this ticket.

[Kris Borchers]

Resizable: Store size based on calculated helper size to prevent 1 pixel shifts. Fixes #9547 - Resizable: off-by-one pixel dimensions with helper and grid (cherry picked from commit 14065dc23bb453b6c30138f225c9db728dd7e455)

Changeset: e29e5b56afea5a0250636d9c9fd97106732bfe84

[zvesp]

Is this supposed to be fixed in 1.10.4? I'm observing behaviour like that described ​http://jsfiddle.net/9x5Zt and ​http://jqueryui.com/resizable/#helper

[Scott González]

That demos doesn't even use a grid. If you're experiencing this problem, please provide a new test case showing the problem.

[zvesp]

​http://jsfiddle.net/9x5Zt/1/

The same behaviour occurs in helper, in the demos, which is why I linked to it. -- Having glanced at the source code I saw ghost and helper were related, so thought this might be relevent. Apologies if it was unnecessarily off-topic, and deserving of a separate ticket.