Prevent content jumps in explode

Partial solution for #206
ember-animation · Mar 31, 2015 · a2ae49e · a2ae49e
1 parent 2875a1f
commit a2ae49e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/transitions/explode.js b/app/transitions/explode.js
@@ -68,8 +68,8 @@ function _explodePart(context, field, childContext, selector) {
     child = elt.find(selector);
     if (child.length > 0) {
       childOffset = child.offset();
-      width = child.width();
-      height = child.height();
+      width = child.outerWidth();
+      height = child.outerHeight();
       newChild = child.clone();
 
       // Hide the original element
@@ -80,9 +80,9 @@ function _explodePart(context, field, childContext, selector) {
       if (elt.css('visibility') === 'hidden') {
         newChild.css({ visibility: 'hidden' });
       }
-      newChild.width(width);
-      newChild.height(height);
       newChild.appendTo(elt.parent());
+      newChild.outerWidth(width);
+      newChild.outerHeight(height);
       var newParentOffset = newChild.offsetParent().offset();
       newChild.css({
         position: 'absolute',