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

[Bug Report][3.7.2] VDataTableVirtual New Items may not be rendered if scroll position is not initial #20566

Open
grolu opened this issue Oct 11, 2024 · 0 comments

Comments

@grolu
Copy link

grolu commented Oct 11, 2024

Environment

Vuetify Version: 3.7.2
Vue Version: 3.5.11
Browsers: Chrome 129.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Use the Vuetify Playground link. You can either reduce the items using the switch or filter the items using the text input. In both cases the table will not render all items after resetting the switch / filter text. This only happens when the scroll position is not initial (at the top). The issue resolves itself if you start scrolling the table.

Expected Behavior

All items appear

Actual Behavior

Only parts of the table rendered.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

There was already an issue for this: #18926
This issue has been closed. However, this is clearly a bug that renders VirtualDataTable unusable in our scenario with a reactive data source. While a potential workaround is to reset the scroll position when the filter changes, the issue could still arise when the data updates due to the dynamic nature of our source.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant