Skip to content

sui-tabset cannot work in Angular 9  #447

Open
@alfred-f-yu

Description

@alfred-f-yu

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions