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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: PC
  • Browser: NWJS
  • OS: Linux
  • Provided sample code: No
  • Provided link: No