Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Virtual Scroller: does not work in "vertical mode" depending on screen size #5636

Open
capoia opened this issue Apr 24, 2024 · 0 comments
Open
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@capoia
Copy link

capoia commented Apr 24, 2024

Describe the bug

The component works if the screen is tiny, however when using a large width it does not even trigger the lazy load method and displays two blank items.

Reproducer

https://stackblitz.com/~/github.com/capoia/primevue-virtualscroller

PrimeVue version

3.47.2

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

It works:
1 - Open stackblitz
2 - Resize the preview window to the point where you can only see one item in the list.
3 - Refresh the page in the preview window (not all stackblitz)
4 - Use horizontal scrolling and it should work correctly

CleanShot 2024-04-23 at 21 34 55

Does not work:

1 - Open stackblitz
2 - Resize the preview window to the point where you can see two or more items in the list
3 - Refresh the page in the preview window (not all stackblitz)
4 - Use horizontal scrolling and it doesn't work, nor does it call the lazy load function.

CleanShot 2024-04-23 at 22 03 09

Expected behavior

Regardless of the screen size, the lazy load is activated and the lazy load data is correct, because when it happens (depending on the screen size) it still has the wrong first.

@capoia capoia added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant