From e926623e95515dd04bc75589b8970c1d804ce95f Mon Sep 17 00:00:00 2001 From: Yvonne Yip Date: Thu, 26 Jun 2014 14:56:26 -0700 Subject: [PATCH] add prefix/unprefixed transform/transition props --- paper-input.css | 1 + paper-input.html | 3 +++ 2 files changed, 4 insertions(+) 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; } },