diff --git a/paper-input.css b/paper-input.css index eb4791b..4fff218 100644 --- a/paper-input.css +++ b/paper-input.css @@ -143,6 +143,7 @@ } :host([multiline]) #underlineContainer.animating { + -webkit-transition: top 0.2s ease-in; transition: top 0.2s ease-in; } diff --git a/paper-input.html b/paper-input.html index 294158e..55aaea9 100644 --- a/paper-input.html +++ b/paper-input.html @@ -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; @@ -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'); @@ -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; } },