fix: emitter back

telekom · Oct 21, 2024 · 78ea95c · 78ea95c
1 parent 8786cf6
commit 78ea95c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/components/src/components/tab-header/tab-header.tsx b/packages/components/src/components/tab-header/tab-header.tsx
@@ -65,6 +65,7 @@ export class TabHeader {
       return;
     }
     this.selected = true;
+    this.scaleSelect.emit();
   }
 
   @Watch('selected')

diff --git a/packages/components/src/components/tab-nav/tab-nav.tsx b/packages/components/src/components/tab-nav/tab-nav.tsx
@@ -95,9 +95,8 @@ export class TabNav {
       customElements.whenDefined('scale-tab-header'),
       customElements.whenDefined('scale-tab-panel'),
     ]).then(() => {
-      this.linkPanels();
+      this.linkPanelsAndSelectTab();
       this.propagateSizeToTabs();
-      this.selectNextTab();
     });
 
     if (this.small !== false) {
@@ -148,13 +147,14 @@ export class TabNav {
     return tabs[tabs.length - 1];
   }
 
-  linkPanels() {
+  linkPanelsAndSelectTab() {
     const tabs = this.getAllTabs();
     tabs.forEach((tab) => {
       const panel = tab.nextElementSibling;
       tab.setAttribute('aria-controls', panel.id);
       panel.setAttribute('aria-labelledby', tab.id);
     });
+    this.selectNextTab();
   }
 
   selectNextTab(nextTab?: HTMLScaleTabHeaderElement): void {
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,6 +65,7 @@ export class TabHeader { @@
           return;
         }
         this.selected = true;
+        this.scaleSelect.emit();
       }
       @Watch('selected')
@@ Expand Down @@