Tabview: forward/backward buttons not showing up when dynamic tab panels overflow

[thecooper]

Describe the bug

When using a ngFor over tab panels to generate them dynamically there is an edge case where the forward/backward buttons don't show up. This happens specifically when I introduce a number of tab panels that don't require them to show up, and then increase the number of tabs so that they cause scrolling. When this happens, the scroll right button doesn't appear as I would expect it to.

Environment

https://stackblitz.com/edit/rh87uy-b29e6v

Reproducer

https://stackblitz.com/edit/rh87uy-b29e6v

Angular version

^17.2.3

PrimeNG version

17.17.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.12.1

Browser(s)

No response

Steps to reproduce the behavior

1. Click on "Header 1" checkbox
2. Click on "Select All" checkbox

Expected behavior

I would expect to see the left navigation button in the tab list to appear when there are more tabs than can fit in the tab view container.