Describe the bug

When I have a scrollable tab list (see my demo) and I navigate far to the right,

then filter the underlying tab list such that only a single tab remains should be displayed, then

1. 🐛 I end up with an empty tab list and
2. I need to first scroll far back to the right before I see any selectable tab

After navigating back to the beginning of the list, I see my single tab.

1. 🐛 The right scroll control is still visible although clearly it shouldn't be scrollable anymore because the new tab list is so narrow
2. 🐛 I can still scroll to the right

When selecting the first tab

1. 🐛 The right scroll control remains visible
2. 🐛 However compared to before I can't to the right anymore, clicking on it has no affect.

Note that similar bugs happen, if I start with a single tab, i.e. no scroll controls and then replace the tab list with a loooong tab list. The scroll controls don't necessarily become visible.

Environment

Stackblitz

Reproducer

https://stackblitz.com/edit/stackblitz-starters-v2tohicl

Angular version

18.2.0

PrimeNG version

18.0.0

Expected behavior

• scroll to visible tabs (ideally scroll to the selected tab if one is selected)
• update the visibility of the scroll handlers, hide/show them based on the width of the new tab list