From d263ca2750e1a205d0d0936b5ac47bfc97eaad0e Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Fri, 14 Jul 2017 02:10:39 +0200
Subject: [PATCH] fix(radio): animation looking off on IE (#5620)

Fixes the radio button checked animation looking off on IE. The issue comes the fact that IE renders the entire circle for a couple of frames before starting the animation.
---
 src/lib/radio/radio.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
index 13c8fec0774a..cffb3b237ce7 100644
--- a/src/lib/radio/radio.scss
+++ b/src/lib/radio/radio.scss
@@ -54,9 +54,12 @@ $mat-radio-ripple-size: $mat-radio-size * 0.75;
   position: absolute;
   top: 0;
   transition: transform ease 280ms, background-color ease 280ms;
-  transform: scale(0);
   width: $mat-radio-size;
 
+  // Note: This starts from 0.001 instead of 0, because transitioning from 0 to 0.5 causes
+  // IE to flash the entire circle for a couple of frames, throwing off the entire animation.
+  transform: scale(0.001);
+
   .mat-radio-checked & {
     transform: scale(0.5);
   }