border-box elements with a padding are wrongly resized, since 1.14.1

[charlesmass2]

The width of the elements "jumps" by the value of the element's padding when box-sizing is set to border-box

Here is a jsfiddle showing the issue. Try resizing the element slowly and you'll notice a width/height jump.

https://jsfiddle.net/frgnt8ms/3/

The behavior was correct in version 1.14.0 (you can try changing the version in the fiddle).
The bug started happening in version 1.14.1.

[mgol]

Thanks for the report. From what I see, your fiddle was jumping inwards in 1.13.2, works correctly in 1.13.3 & 1.14.0 and jumps outwards in 1.14.1 & 1.14.2. So still wrong but in a different direction.

The test seems pretty basic. I wonder what's different so that it fails while the test in

jquery-ui/tests/unit/resizable/options.js

Lines 542 to 567 in de6c74b

	QUnit.test( "alsoResize with box-sizing: border-box", function( assert ) {
	assert.expect( 4 );
	$( "<style> * { box-sizing: border-box; } </style>" ).appendTo( "#qunit-fixture" );
	var other = $( "<div>" )
	.css( {
	width: "50px",
	height: "50px",
	padding: "10px",
	border: "5px",
	borderStyle: "solid"
	} )
	.appendTo( "#qunit-fixture" ),
	element = $( "#resizable1" ).resizable( {
	alsoResize: other
	} ),
	handle = ".ui-resizable-se";
	testHelper.drag( handle, 80, 80 );
	assert.equal( element.width(), 180, "resizable width" );
	assert.equal( parseFloat( other.css( "width" ) ), 130, "alsoResize width" );
	assert.equal( element.height(), 180, "resizable height" );
	assert.equal( parseFloat( other.css( "height" ) ), 130, "alsoResize height" );
	} );

that was added in gh-2012 succeeds...

[mgol]

As always, PRs welcome! That's the quickest way to get a fix in.