[Bug Report] items scrolling out of view in v-virtual-scroll are automatically deselected in v-list-item-group

Environment

Vuetify Version: 2.3.9 Vue Version: 2.6.12 Browsers: Chrome 84.0.4147.105 OS: Linux x86_64

Steps to reproduce

Place a v-virtual-scroll inside a v-list-item-group and set all items as selected. Scroll down the list and keep an eye on the selected (or v-list-item-group’s v-model) field in data. You will see that all items scrolling out of view are automatically deselected, which may be undesirable if these items should remain selected.

Expected Behavior

Items that are selected should remain selected, even if they scroll out of view

Actual Behavior

Items that scroll out of view are automatically deselected.

Reproduction Link

https://codepen.io/dschreij/pen/eYZByWz?editors=1010

[dschreij]

You are right! I’m pretty amazed actually 😃

The question remains however if this is intended behavior. Normally you would wrap a v-list-item-group around multiple list elements e.g.:

<v-list-item-group>
  <v-list>
     <v-list-item>...</v-list-item>
     <v-list-item>...</v-list-item>
     <v-list-item>...</v-list-item>
     ...
  </v-list>
</v-list-item-group>

what this solution effectively does is:

<v-list>
   <v-list-item-group>
       <v-list-item>...</v-list-item>
   </v-list-item-group>
   <v-list-item-group>
       <v-list-item>...</v-list-item>
   </v-list-item-group>
   <v-list-item-group>
       <v-list-item>...</v-list-item>
   </v-list-item-group>
</v-list>

I’ll leave it the vuetify maintainers if this is valid workaround or an unintended side effect 😃

Regardless, thanks for taking the time to place your solution here @KhanhHH

[KhanhHH]

@dschreij Here you go https://codepen.io/khanhhh/pen/BazabdG ❤