[Feature Request] Please bring back v-menu closeOnClick

[nxmndr]

Problem to solve

Hi ! VMenu's closeOnClick prop was removed in Vuetify 3.

Being able to close by clicking on the same place is quite important. It allows to explore very long forms while limiting cursor movements, which is a notable advantage against user fatigue.

This was previously achieved with menu-props="closeOnClick, offsetY" as mentioned in #12536 which may interest @rnenjoy.
How do you achieve this in Vuetify 3, please ?

This is a specific demand of one of my clients, I cannot finish upgrading without it. It was not mentioned in the migration guide.

Regards

Proposed solution

No idea besides bringing the same feature back.

[J-Sek]

It is a default behavior. Unless something is lost in translation... all the VMenu examples in the docs close the panel when the trigger is clicked again. The only exception being open-on-hover prop example.

VSelect closes on click. VAutocomplete & VCombobox don't unless you click on the menu icon - both deliver expected UX.

Could you share a demo on VPlay that better illustrates the problem?

[d-damien]

My apologies, I am so buried in my thing I might have been unclear. It is indeed VMenu in the context of VAutocomplete or VCombobox. I would like to be able to toggle their internal VMenu by clicking on the main part of the field where we write, not just the menu icon, which is too small and requires too much cursor aiming.

This was easily done before with closeOnClick + offsetY as mentioned.

As silly as it may sound, cursor aiming does cause user fatigue. We just forget because we deal with computers as our job.

Thank you for taking interest in this matter (and for this awesome library).

(edit : sorry, personal account)

[J-Sek]

Workaround - you would need a wrapper to contain this behavior though.

[nxmndr]

Thanks a lot ! Have a nice day.