question-mark
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:closed
  • Created 6 years ago
  • Comments:5 (4 by maintainers)

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

Read more comments on GitHub >

github_iconTop 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: ...
Read more >
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 ......
Read more >
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 ......
Read more >
@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...
Read more >
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...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found