Resizable grid shrinks one grid square every time you resize

[Nathaniel]

In firefox 3, when a resizable object on a grid begins being resized, it shrinks one grid "square" (both in width and in height) every time you begin resizing. This is only a minor annoyance until you have an item that is only east-west resizable -- then the item is distorted and can not be resized back to its original position.

[Nathaniel]

Two notes:

First, I accidentally marked this as core instead of resizable. That was my bad, I'm sorry -- can somebody change that?

Second, I poked around and this looks like it is a problem caused by setting box-sizing to border-box on the resizable item. When the size and original size of the resizable are set, they use elem.width() and elem.height(); if those are changed to elem.outerWidth() and elem.outerHeight() then the bug does not occur. I didn't want to mark this as a patch, because the resizable already uses outerWidth() and outerHeight() if the 'helper' option is set, and explicitly uses width() and height() otherwise, so I'm pretty sure that using outerWidth and outerHeight indescriminantly would break something.

[Scott González]

Sounds like the patch is probably valid.

[Scott González]

I can't reproduce this behavior using 1.6rc6, latest SVN or the snap to grid demo on jqueryui.com. Feel free to re-open this ticket if you can attach, or link to, a test page showing the problem.

[Nathaniel]

The probable cause of the discrepancy was that the resizables were using -moz-box-sizing: border-box, which I think may have messed with some things. I'll see if I can throw together a simple page showing the problem. Thanks.