Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Commit

Permalink
add prefix/unprefixed transform/transition props
Browse files Browse the repository at this point in the history
  • Loading branch information
Yvonne Yip committed Jun 26, 2014
1 parent 03da0db commit e926623
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 0 deletions.
1 change: 1 addition & 0 deletions paper-input.css
Original file line number Diff line number Diff line change
Expand Up @@ -143,6 +143,7 @@
}

:host([multiline]) #underlineContainer.animating {
-webkit-transition: top 0.2s ease-in;
transition: top 0.2s ease-in;
}

Expand Down
3 changes: 3 additions & 0 deletions paper-input.html
Original file line number Diff line number Diff line change
Expand Up @@ -214,6 +214,7 @@
this.$.label.classList.add('animating');
this.async(function() {
this.$.label.style.webkitTransform = 'none';
this.$.label.style.transform = 'none';
});
}
this.focused = false;
Expand All @@ -232,6 +233,7 @@
var rect = this.$.underline.getBoundingClientRect();
var right = e.x - rect.left;
this.$.underlineHighlight.style.webkitTransformOriginX = right + 'px';
this.$.underlineHighlight.style.transformOriginX = right + 'px';
this.$.underlineHighlight.classList.remove('focused');
this.underlineAsync = this.async(function() {
this.$.underlineHighlight.classList.add('pressed');
Expand Down Expand Up @@ -290,6 +292,7 @@
this.$.label.classList.add('focusedColor');
this.$.label.classList.add('animating');
this.$.label.style.webkitTransform = this.$.label.cachedTransform;
this.$.label.style.transform = this.$.label.cachedTransform;
}
},

Expand Down

0 comments on commit e926623

Please sign in to comment.