circular-progress does not play well with ng-shown and / or ng-if (IE11)

[cristiano-belloni]

I'm trying to show a circular progress indicator only when needed, but it seems to show only a white circle if using ng-show on the element:

This does not work, shows only a white circle (instead of the progress indicator) when the ng-show condition is true:

<material-circular-progress diameter="64" style="margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;" mode="determinate" ng-value="progress.getProgressPercentage()" ng-show="progress.getProgressVisibility()"></material-circular-progress>

This does work, alway shows the circular progress correctly:

<material-circular-progress diameter="64" style="margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;" mode="determinate" ng-value="progress.getProgressPercentage()" ng-show="true || progress.getProgressVisibility()"></material-circular-progress>

Also, the same thing on a linear progress indicator works both ways.

[cristiano-belloni]

And finally, this looks awkward but works perfectly (removing ng-show):

ng-style="{opacity : ((progress.getProgressVisibility()) && '1') || '0'}"

[EisenbergEffect]

I wonder if it's the animation system conflicting with the circular-progress css? What happens if you manually bind the display style and toggle it?

@ajoslin Any ideas on this. Any changes in ngShow/ngIf in 1.3 that could be related? or do you think this could be a conflict with the animation system?

[cristiano-belloni]

@EisenbergEffect

ng-style="{display : ((progress.getProgressVisibility()) && 'block') || 'none'}"

is working. It seems related to ng-show itself.

[cristiano-belloni]

(also, is the solid white circle inside a bug? I expected the inner circle to be transparent)

[robertmesserle]

This does not seem like it is still an issue:

http://codepen.io/robertmesserle/pen/219ced023f77dd43b22bc5220d4dc093

[amedeomar]

I tried
http://codepen.io/robertmesserle/pen/219ced023f77dd43b22bc5220d4dc093
on IE 11 but if you hide and show again the spinners you will see that the indeterminate animation become different!!