Fixed #15680 - TabView | forward/backward buttons not showing up when…

… dynamic tab panels overflow
primefaces · Jul 9, 2024 · 9f2dce0 · 9f2dce0
1 parent e804cd6
commit 9f2dce0
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/app/components/tabview/tabview.ts b/src/app/components/tabview/tabview.ts
@@ -508,6 +508,7 @@ export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, B
         this.tabChangesSubscription = (this.tabPanels as QueryList<TabPanel>).changes.subscribe((_) => {
             this.initTabs();
             this.refreshButtonState();
+            this.callResizeObserver();
         });
 
         (this.templates as QueryList<PrimeTemplate>).forEach((item) => {
@@ -523,14 +524,18 @@ export class TabView implements AfterContentInit, AfterViewChecked, OnDestroy, B
         });
     }
 
-    ngAfterViewInit() {
+    callResizeObserver() {
         if (isPlatformBrowser(this.platformId)) {
             if (this.autoHideButtons) {
                 this.bindResizeObserver();
             }
         }
     }
 
+    ngAfterViewInit() {
+        this.callResizeObserver();
+    }
+
     bindResizeObserver() {
         this.container = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="navcontent"]');
         this.list = DomHandler.findSingle(this.el.nativeElement, '[data-pc-section="nav"]');