Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dynamically created MatSpinner does not have the proper width/height

See original GitHub issue

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The component should resize based on the diameter property

What is the current behavior?

The component isn’t resized when the diameter is changed

What are the steps to reproduce?

Create a MatSpinner using a componentFactoryResolver
Change the MatSpinner diameter
Check the mat-spinner style

StackBlitz: https://angular-material2-issue-35d6ak.stackblitz.io

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 4.4.5 Material beta.12:

Issue Analytics

State:
Created 6 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

crisbetocommented, Oct 18, 2017

I can reproduce the issue in your Stackblitz, but not locally which means that it should be fixed in master. Here’s a Plunkr that runs the latest master build: http://plnkr.co/edit/V7gJuzZ1QHv6PAKLR72y?p=preview

0reactions

angular-automatic-lock-bot[bot]commented, Sep 7, 2019

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.}

Top Results From Across the Web

Dynamically created MatSpinner does not have the proper ...

@crisbeto I'm upgrading to 5.0.0-rc and the behavior has changed: Setting the diameter only changes the stroke width. I made another stackblitz: ...

angular/material2 mat-spinner resize - Stack Overflow

I read the documentation of mat-spinner and mat-progress-circle but they said that mat-diameter is discontinued and the spinner will take the parent element's ......

Progress Spinner in Angular using mat-progress-spinner

Changing Size of mat-spinner using diameter The default height and width of mat-spinner is “100px”. To change the size of mat-spinner we have ......

@angular/material | Yarn - Package Manager

Investigating and fixing reported regressions for the new components launched in v15; Creating a new more flexible theming API in collaboration with MDC...

Easy Dialogs with Angular Material

In this article we'll take a look at how to leverage Angular Material's built-in MatDialog to create easy to maintain dialogs and modals...