Resizable 1 pixel difference
Playing around with the resizable I found strange behaviour: the mouse
seemed not to move accordingly with the size/position of the
resizable. In fact, the resizable was moving to the "previous mouse
position". I have seen many bugs related to "1 pixel jumping" but I
was unable to add a note to them (the bug system is not working
properly).
After some time reading the code I understood the reason. The
resizable is "updated" with the new values _before_ the cache values
are updated.
In ui.resizable.js:335 (<- according to my version)
el.css({
top: this.position.top + "px", left: this.position.left + "px",
width: this.size.width + "px", height: this.size.height + "px"
});
if (!o.helper && o.proportionallyResize)
this._proportionallyResize();
this._updateCache(data);
SHOULD BE:
// plugins callbacks need to be called first
this.propagate("resize", e);
if (!o.helper && o.proportionallyResize)
this._proportionallyResize();
this._updateCache(data);
el.css({
top: this.position.top + "px", left: this.position.left + "px",
width: this.size.width + "px", height: this.size.height + "px"
});
I hope this helps.
David