Skip to content

Commit

Permalink
fix(radio): animation looking off on IE (#5620)
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
crisbeto authored and jelbourn committed Jul 14, 2017
1 parent 7e8234b commit d263ca2
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion src/lib/radio/radio.scss
Expand Up @@ -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);
}
Expand Down

0 comments on commit d263ca2

Please sign in to comment.