Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[Bug Report][3.7.0] Can't open a v-list-group programmatically via its parent v-list's v-model:opened #20354

Closed
piris-jose opened this issue Aug 17, 2024 · 5 comments · Fixed by #20438
Assignees
Labels
C: VList T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone

Comments

@piris-jose
Copy link

piris-jose commented Aug 17, 2024

Environment

Vuetify Version: 3.7.0
Vue Version: 3.4.38
Browsers: Firefox 129.0
OS: Ubuntu undefined

Steps to reproduce

Click the "Open Users" button.

Expected Behavior

The Users v-list-group should be opened.

Actual Behavior

The Users v-list-group doesn't get opened.

Reproduction Link

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

Other comments

The v-model:opened is printed on the preview too. When you click the button, you can see that a 'Users' string is programmatically pushed into the v-model:opened array, but nothing happens with the v-list-group.

When you repeatedly click the v-list-group activator itself, you can see how that 'Users' string correctly appears and disappears from the array.

It looks like that v-model only works in one way (from child to parent).

@piris-jose
Copy link
Author

Checking whether the behavior described was new or not, I confirm that this used to work on Vuetify 3.6.15 with Vue 3.4.38.

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke C: VList labels Aug 20, 2024
@KaelWD KaelWD added this to the v3.7.x milestone Aug 20, 2024
@KaelWD
Copy link
Member

KaelWD commented Aug 20, 2024

Confirmed broken in beta 0, probably #20038

@balage1551
Copy link

Also confirm broken in 3.7.1.
And can't find workarround either. Not even reseting then setting the open array value.

@yuwu9145 yuwu9145 self-assigned this Sep 4, 2024
@daywin94
Copy link

daywin94 commented Sep 5, 2024

Did somebody find a workaround for this?

@balage1551
Copy link

Did somebody find a workaround for this?

Yes, today I made a simple hack (until it wll be fixed in 3.7.2):

<v-list v-if="!hackRefreshTrigger" ...>
   ...

then:

function hackTriggerFullRefresh() {
   hackRefreshTrigger.value = true
    nextTick(() => {
      hackRefreshTrigger.value = false
    })
} 

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
C: VList T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants