Skip to content

[Bug Report] Update of list not working correctly in combination of v-hover due to new vue scope #6643

@qnp

Description

@qnp

Versions and Environment

Vuetify: 1.5.4
Last working version: 1.5.4
Vue: 2.6.7
Browsers: Chrome 72.0.3626.119
OS: Mac OS 10.14.1

Steps to reproduce

Wrap v-list-tile with v-hover:

...
<v-hover v-for="(item, i) in items" :key="'item' + i">
    <v-list-tile
        :key="'issue' + i"
        slot-scope="scope"
        :class="scope.hover ? 'elevation-4 blue lighten-4' : 'elevation-1'"
    >
...
data() {
   return {
      items: [ ... ]
   },
},

Then remove an item from items and see what happens. See reproduction link.

Expected Behavior

This worked perfectly before I upgraded to vue 2.6.7:
Removing an item from items removed the correct one in the list.

Actual Behavior

When you remove an item from items, you effectively have one less item in the list by all the data is not refreshed properly as if it was the last item which have been removed.

Reproduction Link

https://codesandbox.io/s/r78l4lnk5n

Other comments

It seems to be a problem with new vue slots and slot-scope

Metadata

Metadata

Assignees

No one assigned

    Labels

    upstreamProblem with a third party library that we may have to work around

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions