Tabs: Scrollable tabs being skipped

[daniel-hitchins]

Describe the bug

When scrolling through the tabs, the tab closest to the button gets skipped when moving to the next or previous set.

One click of the "Next" button should show Tabs 7 to 12 sequentially, without skipping Tab 7.

Reproducer

https://stackblitz.com/edit/primevue-4-vite-issue-template-vuj3gr?file=src%2FApp.vue

PrimeVue version

4.2.4

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

Chrome 131, Firefox 133

Steps to reproduce the behavior

I tested this in Chrome 131 and Firefox 133. I can see Tabs 1 through 6, but when I click the next chevron, it jumps directly to Tabs 8 through 12, skipping Tab 7.

Expected behavior

Clicking the next chevron should show Tabs 7 through 12 sequentially.

[github-actions]

Due to PrimeVue team's busy roadmap, this issue is available for anyone to work on. Make sure to reference this issue in your pull request. ✨ Thank you for your contribution! ✨