Topic: High CPU Usage with mdspinner

Paperfree pro asked 5 years ago


I see high CPU usage with my angular 4 app. when I use Spinner.

When I remove mdb-spinner - no CPU usage.

<mdb-squeezebox [multiple]="false" aria-multiselectable="true">

<ul class="collapsible popout flows"materialize="collapsible"data-collapsible="accordion"watch>
<mdb-itemclass="row flow z-depth-2" *ngFor="let flow of workflows"id="flow{{}}">
<!-- Tabset tabs -->
<mdb-tabset *ngIf="flow.loaded" #staticTabs [buttonClass]="'nav-tabs tabs-3 pills-red white margin'" [contentClass]="''"
<mdb-tab *ngFor="let tab of tabs"heading="{{}}"></mdb-tab>
<mdb-spinner spinnerType="big" *ngIf="!flow.loaded"></mdb-spinner>
<app-workflow [item]="flow" *ngIf="flow.loaded"></app-workflow>

Sebastian Kaczmarek staff answered 5 years ago

Hi Paperfree, Thanks for your note. Since this component is created by CSS only, this is pretty strange. Nevertheless, we will take a look at this issue. Regards, Sebastian

Paperfree pro commented 5 years ago

That problem only if I use mdb-spinner in *ngFor. I see that there are infinite call of requestAnimationFrame.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No