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.3] VMenu Prevents Emits After Awaits #20630

Closed
kevmul opened this issue Oct 28, 2024 · 1 comment
Closed

[Bug Report][3.7.3] VMenu Prevents Emits After Awaits #20630

kevmul opened this issue Oct 28, 2024 · 1 comment
Assignees

Comments

@kevmul
Copy link

kevmul commented Oct 28, 2024

Environment

Vuetify Version: 3.7.3
Last working version: 2.7.2
Vue Version: 3.5.12
Browsers: Firefox 131.0
OS: Mac OS 10.15

Steps to reproduce

When using a menu, a component that emits, then awaits some function, then fires a second emit, the second emit does not fire.
This only happens ( as far as I know ) within the VMenu. The same component with the same functions fires just fine if not in a VMenu.

Reproduction Link

Follow the link, there are 2 buttons. The first is the vertical dot menu. This will show a button "BROKEN" this will console log, "First", then nothing.

The second button labeled "WORKS" will console log "First", wait 2 seconds then log "Second".

Expected Behavior

Expected to emit after an awaited function.

Actual Behavior

Promise (even .then) prevents emit from firing.

Reproduction Link

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

Other comments

This used to work in Vuetify V2, I have not tried other versions of Vuetify V3.

@kevmul
Copy link
Author

kevmul commented Oct 29, 2024

Thank you @KaelWD looks like the correct way to keep that around is to use eager within the v-menu.

64a52d4#diff-1a20bc232fb9f75c3aec81430d1fc114d0b33441abf4c8ec8b6f9eb81049a703R210

Line 210

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

2 participants