'kendo tabstrip method selectTab does not work as expected

I have following code in my template

  <kendo-tabstrip #tabstrip (tabSelect)="onTabSelect($event)" [animate]="false">
<kendo-tabstrip-tab [title]="'Custom'">
  <ng-template kendoTabContent>
    <form [formGroup]="customForm">
      <kendo-formfield>
        <kendo-formerror *ngIf="customForm.get('customTextbox')?.errors"
          >Provide valid cron expression (E.g. * * * * 4 )
        </kendo-formerror>
        <kendo-textbox formControlName="customTextbox" placeholder="provide date expression"></kendo-textbox>
      </kendo-formfield>
    </form>
  </ng-template>
</kendo-tabstrip-tab>

There are also another tabs

And invoking this method like this. 0 index is excatly index of this Custom Tab. But I only see that selection has changed(styles of the tab icon changed) but it does not display content of the tab. I have to click it manually in order to see content. Has anyone run into similar issue with keno-tabstrip in angular ?

@ViewChild('tabstrip') public tabstrip: TabStripComponent;

ngAfterViewInit() {
 this.tabstrip.selectTab(0)
 };
  


Solution 1:[1]

Honestly, I've never selected tab this way.

Try to use selected input. ([selected]="true").

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 mankers