mat-progress-buttons
mat-progress-buttons copied to clipboard
michaeldoye
Spinner doen't show when you set the active property in code.
Bug Report or Feature Request (mark with an x)
- [X] bug report -> please search issues before submitting
- [ ] feature request
OS and Version?
Windows 10.
Versions
Angular 12.2.9 mat-progress-buttons 9.3.1
Repro steps
Open this Stackblitz and click the button.
Changes I made to your demo stackblitz:
- Updated the mat-progress-buttons to version 9.3.1.
- Replaced the demo code with your example code found here.
- updated the app.module so it will call the forRoot().
- Click the button in the output. This is not spinning.
Desired functionality
The button spinning when setting the active property in code.
Mention any other details that might be useful
This broke in v9.3.1.
#90 might be related
I have the same issue in my projects. Workaround is downgrade to version 9.1.1.
Also on Angular 12, tried downgrading to v9.1.1, spinner is still not showing.
Also on Angular 12, tried downgrading to v9.1.1, spinner is still not showing.
do npm uninstall mat-progress-buttons and later npm install [email protected], that worked for me.
On Angular 12+
Instead of mutating the object directly like
btnOpts.active = true
try using a spread operator like
btnOpts = { ...this.btnOpts, active: true };
Worked for us. Cheers
