Resizable: Delta is applied to returned size in resize event but not to element

[Nimphious]

When resizing a resizable element, the difference between the previous and new sizes is applied to the previous size and returned, but is not applied to the resizable until the next resize event call.

​http://jsbin.com/inujo

Why is the last resize calculation not applied to the element, but is returned by the resize event?

[Nimphious]

Sorry, pasting the link missed the digit at the end.

​http://jsbin.com/inujo4

[rdworth]

I find it a lot easier to see with more contrasting colors: ​http://jsbin.com/inujo4/2

Note that when you resize quickly to make the boxes smaller some red shows through around the right and bottom of the yellow.

[rdworth]

This is fixed by changing

// plugins callbacks need to be called first
this._propagate("resize", event);

el.css({
	top: this.position.top + "px", left: this.position.left + "px",
	width: this.size.width + "px", height: this.size.height + "px"
});

if (!this._helper && this._proportionallyResizeElements.length)
	this._proportionallyResize();

this._updateCache(data);

// calling the user callback at the end
this._trigger('resize', event, this.ui());

to

// plugins callbacks need to be called first
this._propagate("resize", event);

if (!this._helper && this._proportionallyResizeElements.length)
	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"
});

// calling the user callback at the end
this._trigger('resize', event, this.ui());

No idea if this would cause other issues

[eromba]

This looks like a duplicate of #5817 -- in my testing, the proposed fix for that issue seems to resolve this one as well.

[mikesherov]

Duplicate of #5817.