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.6] Virtual scroll keys messed up #20809

Open
JChrist opened this issue Dec 27, 2024 · 0 comments
Open

[Bug Report][3.7.6] Virtual scroll keys messed up #20809

JChrist opened this issue Dec 27, 2024 · 0 comments

Comments

@JChrist
Copy link

JChrist commented Dec 27, 2024

Environment

Vuetify Version: 3.7.6
Last working version: 3.7.5
Vue Version: 3.5.13
Browsers: Chrome 130.0.0.0
OS: Linux x86_64

Steps to reproduce

  1. The VVirtualScroll component must be used, with items that happen to contain a field named value and does not happen to be unique among them.
  2. Make any change to the list of items that causes a re-order/re-render to them. In the demo, click on "Change positions" a few times, items will become duplicated and/or move on random positions on 3.7.6, while everything works correctly on 3.7.5

The issue arises from this commit on the VVirtualScrollComponent,

which ends up using this as the VirtualScrollItem key.

Expected Behavior

The list of items inside the VVirtualScroll component should be re-ordered and re-rendered correctly

Actual Behavior

Vue issues a warning for duplicate keys and items get duplicated, or rendered to invalid positions.

Reproduction Link

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

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