fix(input): apply transform css prefix

adamdbradley · adamdbradley · commit eba2862e7034 · 2016-12-06T10:00:09.000-06:00
diff --git a/src/components/input/native-input.ts b/src/components/input/native-input.ts
@@ -146,7 +146,7 @@ export class NativeInput {
 
     if (shouldHideFocus) {
       cloneInputComponent(focusedInputEle);
-      focusedInputEle.style.transform = 'scale(0)';
+      (<any>focusedInputEle.style)[CSS.transform] = 'scale(0)';
 
     } else {
       removeClone(focusedInputEle);
@@ -209,7 +209,7 @@ function cloneInputComponent(srcNativeInputEle: HTMLInputElement) {
     srcComponentEle.style.pointerEvents = 'none';
   }
 
-  srcNativeInputEle.style.transform = 'scale(0)';
+  (<any>srcNativeInputEle.style)[CSS.transform] = 'scale(0)';
 }
 
 function removeClone(srcNativeInputEle: HTMLElement) {
@@ -222,7 +222,7 @@ function removeClone(srcNativeInputEle: HTMLElement) {
 
     srcComponentEle.style.pointerEvents = '';
   }
-  srcNativeInputEle.style.transform = '';
+  (<any>srcNativeInputEle.style)[CSS.transform] = '';
   srcNativeInputEle.style.opacity = '';
 }
 

Original file line number	Diff line number	Diff line change
`@@ -146,7 +146,7 @@ export class NativeInput {`
`146`	`146`
`147`	`147`	`if (shouldHideFocus) {`
`148`	`148`	`cloneInputComponent(focusedInputEle);`
`149`		`- focusedInputEle.style.transform = 'scale(0)';`
	`149`	`+ (<any>focusedInputEle.style)[CSS.transform] = 'scale(0)';`
`150`	`150`
`151`	`151`	`} else {`
`152`	`152`	`removeClone(focusedInputEle);`
`@@ -209,7 +209,7 @@ function cloneInputComponent(srcNativeInputEle: HTMLInputElement) {`
`209`	`209`	`srcComponentEle.style.pointerEvents = 'none';`
`210`	`210`	`}`
`211`	`211`
`212`		`- srcNativeInputEle.style.transform = 'scale(0)';`
	`212`	`+ (<any>srcNativeInputEle.style)[CSS.transform] = 'scale(0)';`
`213`	`213`	`}`
`214`	`214`
`215`	`215`	`function removeClone(srcNativeInputEle: HTMLElement) {`
`@@ -222,7 +222,7 @@ function removeClone(srcNativeInputEle: HTMLElement) {`
`222`	`222`
`223`	`223`	`srcComponentEle.style.pointerEvents = '';`
`224`	`224`	`}`
`225`		`- srcNativeInputEle.style.transform = '';`
	`225`	`+ (<any>srcNativeInputEle.style)[CSS.transform] = '';`
`226`	`226`	`srcNativeInputEle.style.opacity = '';`
`227`	`227`	`}`
`228`	`228`