Select: Virtual scroll only rendering the first 12 values (Tailwind)

[1H-Alex]

Describe the bug

The Select component with virtual scroll activated only displays the first 12 values. After those values, the list is empty. The length of the list still seems to represent all of the values.

Please note that Stackblitz preview of the official demo of the virtual scroll for the Select component in the Tailwind version of Primevue is not working correctly due to main.js trying to import none-existing components. Even if sanitized, the virtual scroll functionality in the Select component is still not working. When running this example with the latest version of Primevue (4.0.5), as seen in the example below, the code is still not working as expected.

The 4.0.1 version with Tailwind is also not working, see example.

The 4.0.5 version without Tailwind seems to be working, see example.

Reproducer

https://stackblitz.com/edit/tmzwfq?file=package.json

PrimeVue version

4.0.5

Preset

Lara

Vue version

3.4.5

Language

ES6

Build / Runtime

Vite

Browser(s)

Chrome V 127, Safari V 17.5 (19618.2.12.11.6), FF V 128

Steps to reproduce the behavior

1. Click the Select input field
2. Scroll down
3. See that the list only shows the first 12 values and then an empty list.

Expected behavior

1. Click the Select input field
2. Scroll down
3. New values should appear as needed

[netlify[bot]]

❌ Deploy Preview for astro-resume failed.

Name	Link
🔨 Latest commit	3ac88aecf5f2c584cef263e95595a12b33b78e50
🔍 Latest deploy log	https://app.netlify.com/sites/astro-resume/deploys/66fbb5c22c6f7400081d89e4

[dependabot[bot]]

One of your CI runs failed on this pull request, so Dependabot won't merge it.

Dependabot will still automatically merge this pull request if you amend it and your tests pass.

[dependabot[bot]]

Superseded by #166.