First dynamic tab is not active by default

Topic: First dynamic tab is not active by default

paolo.casciello pro asked 4 years ago

Expected behavior First tab active

Actual behavior First tab remains not active (blank)

Resources (screenshots, code snippets etc.) I populate a list of tabs in *ngFor from a long running promise. The tabs are rendered but the first is not active by default.

<!-- Nav Tabs -->
<mdb-tabset #staticTabs [buttonClass]="'md-tabs tabs-orange tabs-3'" [contentClass]="'card'">
  <mdb-tab *ngFor="let tab of tabs" heading="{{ tab.title }}">
    {{ tab.content }}
  </mdb-tab>
</mdb-tabset>

Arkadiusz Idzikowski staff commented 4 years ago

Thank you for letting us know about this problem, we will take a closer look on that.

For now you can try to set the active tab manually: https://mdbootstrap.com/docs/angular/components/tabs/#set-active-tab

Add comment