[Bug Report][3.11.1] VMenu is closing upon interaction when using `open-on-focus`

[christian-public]

Environment

Vuetify Version: 3.11.1
Vue Version: 3.5.25
OS: macOS 10.15.7 (current), Windows

Steps to reproduce

1. Click the text field (causes the menu to appear)
2. Interact with the slider or any of the buttons

Expected Behavior

Menu should allow the user to interact with its content.

Actual Behavior

Menu closes automatically when the user interacts with the content of the menu.

Reproduction Link

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

Other comments

If I use the tab key to make the text field focused, then the menu is not closing when interacting with it.

In the reproduction, switch to Vuetify v3.10.8 to see how it worked previously.

[J-Sek]

open-on-focus also means "close on blur"

[J-Sek]

Workaround (demo):

• activator='parent'
• handle @focus manually, if it is even needed
  • note: include 100ms delay
  • note2: if the PR gets merged, it will work with :open-on-focus='!open'

We might get close-on-blur in v3.12.0, but the probability is not very high.

[christian-public]

Thank you very much for the response!

We ended up using open-on-click instead of open-on-focus as that also works for our use case.

open-on-focus also means "close on blur"

That is reasonable. We were unsure about what the intended behavior is supposed to be, but we figured that we might as well report an issue. Thanks again for looking into it!