fix(progress-spinner): fallback animation not working

[crisbeto]

• Fixes the fallback animation not looking like it's working, because it displays a full circle.
• Fixes an issue that causes the spinner to overflow its parent on IE and Edge. It's because they don't consider the transform when determining whether an element overflows.

Fixes #7599.

[josephperrott]

LGTM

[walhow]

When will this fix be available?

[plvice]

After 5.1.0 update there's still a problem with the spinner. Hope it will be fixed soon.

[jesuscuesta]

You could use temporaly solution with CSS. This solution modify only style in IE 10+.
Reduce size of spinner.

/* Internet Explorer 10+, Microsoft Edge Browser */

_:-ms-lang(x), mat-progress-spinner circle {
  stroke-dasharray: 140px; 
}

Example with IE:

[rohanshenoy96]

The spinner is static in Google Chrome Version 70.0.3538.102. Is this a bug ?
<mat-spinner [color]="'accent'" [mode]="'indeterminate'"> </mat-spinner>

[crisbeto]

@rohanshenoy96 it works for me locally. Can you post an example of it breaking? Note that using the NoopAnimationsModule will remove the animation.

[rohanshenoy96]

This issue was I had imported NoopAnimationsModule due to which the animations were disabled. Thanks a lot @crisbeto

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}