bug(MatSpinner): The UI for mat-spinner component is changed after the update to Angular 15

[MariaBulboaca]

Is this a regression?

• [X] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14..

Description

After the update to Angular 15, it seems the structure for mat-spinner was updated and now the mat-spinner doesn't look like a complete circle (as on version 14).

This issue is more evident for smaller diameters (like 30).

Reproduction

Steps to reproduce:

1. Go to: https://v15.material.angular.io/components/progress-spinner/examples#progress-spinner-overview
2. Check the UI for spinner circle

or

1. Go to: https://stackblitz.com/edit/gbuf3g?file=src%2Fapp%2Fprogress-spinner-overview-example.html
2. Set the diameter to 30
3. Check the UI for spinner circle

Expected Behavior

The mat spinner circle should look like as a complete circle for all sizes.

Actual Behavior

The gap element seems to be outside of the circle.

Environment

• Angular: 15.2.9 or 16..
• CDK/Material: 15.2.9 or 16..
• Browser(s): Chrome Version 114.0.5735.199 or Firefox 115.0.2
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[zarend]

Hello,

Thank you for updating to Angular 16. I see that the spinner is not working as you expect it to.

I'm looking at the spinner in the provided stackblitz, and I don't see anything wrong with it. It has a width and height of 30px as specified by the diameter.

Unfortunately, I'm not sure I understand what "doesn't look like a complete circle" means. I was wondering if you could help us understand if this issue report requires action. Could you clarify what complete circle means and what it is expected to look like?

Best regards,

Zach

[wagnermaciel]

Closing since there has been no response in 2 weeks after more details were requested

[angular-automatic-lock-bot[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.}