Merge pull request #11591 from volvachev/fix-tabmenu-forward-btn

fix(primeng/p-tabmenu): show the `forward` button when necessary
primefaces · Jun 7, 2022 · 4a12482 · 4a12482
2 parents 61ca809 + b5c5cd0
commit 4a12482
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/app/components/tabmenu/tabmenu.ts b/src/app/components/tabmenu/tabmenu.ts
@@ -107,9 +107,10 @@ export class TabMenu implements AfterContentInit,AfterViewInit,AfterViewChecked,
         });
     }
 
-    ngAfterViewInit() {
+    ngAfterViewInit(): void {
         this.updateInkBar();
         this.initAutoScrollForActiveItem();
+        this.initButtonState();
     }
 
     ngAfterViewChecked() {
@@ -229,6 +230,17 @@ export class TabMenu implements AfterContentInit,AfterViewInit,AfterViewChecked,
             this.timerIdForInitialAutoScroll = null;
         }
     }
+
+    private initButtonState(): void {
+        if (this.scrollable) {
+            // We have to wait for the rendering and then retrieve the actual size element from the DOM.
+            // in future `Promise.resolve` can be changed to `queueMicrotask` (if ie11 support will be dropped)
+            Promise.resolve().then(() => {
+                this.updateButtonState();
+                this.cd.markForCheck();
+            });
+        }
+    }
 }
 
 @NgModule({