Skip to content

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

Closed
@grolu

Description

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.

Metadata

Assignees

Labels

C: VDataTableVirtualS: has PRThe issue has a pending Pull RequestT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions