Topic: First dynamic tab is not active by default
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>
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
Arkadiusz Idzikowski staff commented 3 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