TabStrip tab scroll to the active tab and how we show that active tab in ui in front scroll to right side

[Sandip]

How can scroll to active tab position dynamically, it becomes the first tab display of selected active tab from backend then it should be display in first position.

 

Example: if i have dates tabStrip then current date tab should be display in first position.

[Sandip]

@ViewChild('tabStrip', { static: false }) tabStrip: TabStripComponent;

  scrollToActiveTab() {

    if (this.tabStrip) {

      const selectedTabElement = this.tabStrip.tablist.nativeElement.querySelector('.k-state-active');

      if (selectedTabElement) {

        selectedTabElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });

      }

    }

  }