mat-progress-spinner component jumps in safari

[jamesrwelch]

In safari on a Mac, the <mat-progress-spinner> component jumps around and looks very unappealing. This might be a styling issue, or maybe we need a new component. Will try and upload a video to demonstrate if I can work out how.

[jamesrwelch]

[jamesrwelch]

This may just be an issue when the browser zoom is not 100%. People with sensible eyesight, or sensible screens, may not have the same problem.

[jamesrwelch]

Not an issue on this page, however: https://material.angular.io/components/progress-spinner/overview

[jamesrwelch]

This fix sounds like the right one, and after playing, can confirm that it's to do with the transform-origin setting

[pjmonks]

@jamesrwelch Were you referring to a fix you've found somewhere? If so could you elaborate so someone could pick this up? I don't run Safari so would never have known this was an issue.

[jamesrwelch]

@pjmonks Yep, sorry, meant to link here: angular/components#23674. We'll need to upgrade angular material components to get the fix, as far as I can see.

[pjmonks]

We'll need to identify which version of Angular Material to upgrade to. Our npm dependencies are a bit of a mess already, so don't want to drastically upgrade anything unless it's a patch version.

[jamesrwelch]

Completely agreed. And we need to work out how to tidy up the existing dependency spaghetti in the near future. We'll talk about the next release in the meeting tomorrow.