Tabs: Background is missing when using "scrollable" prop

[Lukas Zbinden]

Describe the bug

When using the scrollable prop to make the tab list scrollable, the background is missing on the tabs not originally in the viewport.

It can be reproduced on the primevue.org website when first removing the background color of the underlying Card.

https://primevue.org/tabs/#scrollable

Reproducer

PrimeVue version

4.0.0-rc.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Brave

Steps to reproduce the behavior

1. Go to the primevue.org website and navigate to the Tabs component page
2. Scroll to the "Scrollable" section
3. Open the dev tools and remove the Card background
4. Scroll the Tabs

Expected behavior

The background should be visible for all the tabs, not just the first few