Accordion: Handle box-sizing: border-box in animations

Fixes #9264 Closes gh-1287 Closes gh-1459
jquery · Mar 3, 2015 · 4b017b414f107ed3c1dafc7601b61cbcd76acf61 · 4b017b4
1 parent c077e0a
commit 4b017b414f107ed3c1dafc7601b61cbcd76acf61
Unified Split

Showing with 4 additions and 1 deletion.

+4 −1 ui/accordion.js
diff --git a/ui/accordion.js b/ui/accordion.js
@@ -524,6 +524,7 @@ return $.widget( "ui.accordion", {
 		var total, easing, duration,
 			that = this,
 			adjust = 0,
+			boxSizing = toShow.css( "box-sizing" ),
 			down = toShow.length &&
 				( !toHide.length || ( toShow.index() < toHide.index() ) ),
 			animate = this.options.animate || {},
@@ -566,7 +567,9 @@ return $.widget( "ui.accordion", {
 				step: function( now, fx ) {
 					fx.now = Math.round( now );
 					if ( fx.prop !== "height" ) {
-						adjust += fx.now;
+						if ( boxSizing === "content-box" ) {
+							adjust += fx.now;
+						}
 					} else if ( that.options.heightStyle !== "content" ) {
 						fx.now = Math.round( total - toHide.outerHeight() - adjust );
 						adjust = 0;