bug(ProgressSpinner): Styling overwrites for size and width have no effect
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
When overwriting the Styles for the ProgressSpinner via `@include mat.progress-spinner-overrides((...));`, overwrites of the properties `size` and `active-indicator-width` have no effect.
### Reproduction
StackBlitz link: https://stackblitz.com/edit/mnfmk4bd-kqhgpb12?file=src%2Fexample%2Fprogress-spinner-overview-example.scss
Steps to reproduce:
n/a
### Expected Behavior
Overwriting `size` and `active-indicator-width` in `@include mat.progress-spinner-overrides((...));` change the size and width of the spinner.
### Actual Behavior
`size` and `active-indicator-width` have no effect.
### Environment
- Angular: 20.2.0
- CDK/Material: 20.2.0
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS, Linux
Contributor guide
Research direction
Start with the StackBlitz reproduction in src/example/progress-spinner-overview-example.scss and inspect how the ProgressSpinner style overrides for size and active-indicator-width are applied. The issue is done when both overrides visibly change the spinner's size and indicator width under Angular Material 20.2.0.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100