angular / angular/components

bug(ProgressSpinner): Styling overwrites for size and width have no effect

Open
#32,097 0 comments 7 reactions 0 assignees View on GitHub
area: material/progress-spinner P2
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.