Description
Bug description:
Code:
<sui-tabset style="padding-left: 0;padding-right: 0">
<div class="ui top attached tabular menu">
<a class="item" suiTabHeader="1">111</a>
<a class="item" suiTabHeader="2">222</a>
<a class="item" suiTabHeader="3">333</a>
</div>
<div class="ui bottom attached segment" style="border: none;" suiTabContent="1">
.......
</div>
<div class="ui bottom attached segment" style="border: none;" suiTabContent="2">
.......
</div>
<div class="ui bottom attached segment" style="border: none;" suiTabContent="3">
.......
</div>
</fui-tabset>
ERROR TypeError: Cannot set property 'isActive' of undefined
at SuiTabset.set activeTab [as activeTab] (vendor.js:346545)
at SuiTabset.activateFirstTab (vendor.js:346568)
at SuiTabset.loadTabs (vendor.js:346706)
at SuiTabset.ngAfterContentInit (vendor.js:346561)
at callHook (vendor.js:41649)
at callHooks (vendor.js:41613)
at executeInitAndCheckHooks (vendor.js:41554)
at refreshView (vendor.js:47941)
at refreshComponent (vendor.js:49332)
at refreshChildComponents (vendor.js:47630)
suiTabHeader and suiTabContent exist in the codes. I known if I missed suiTabHeader or suiTabContent, the same errors will happend. The error only happened in Angular 9, the same codes can work properly in Angular 8 or older.
Version of Angular, ng2-semantic-ui, and Semantic UI:
Angular: 9.0.7
ng2-semantic-ui: 0.9.7
Semantic UI: 2.4.2