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.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 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 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
    })
} 

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VList 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