Quasar: QMenu open on hover

[jd-0001]

Is your feature request related to a problem? Please describe.
If I want to show QMenu/Dropdown on hover I can not do it using Quasar way.

Describe the solution you'd like
There should be hover like prop to enable showing QMenu on hover
Any example of using QMenu with hover and span??

Describe alternatives you've considered
Currenly I use @onmouseenter and @mouseleave along with v-model but this is a bit buggy.

Additional context
Here's my codepen example: CodePen

[metalsadman]

@jd-0001 buggy in what sense? you can also use a methods show/hide.

[jd-0001]

Hi @metalsadman ,

I mean what I have done for my feature request is buggy not QMenu.

In my example I have used js events for opening it on hover. So, according to that event it open the QMenu but when I try to select any item from QMenu it disappear because or mouseleave event on text.

So, is there any way I can keep open my QMenu open on both span/text hover and QMenu content hover?

Please try selecting any option from QMenu in my codepen example.

I think using your described event will do the same as onmouseenter event.

~ Regards

[hawkeye64]

@jd-0001 I did an example for QBtnDropdown -- you can see it's handled here: https://codepen.io/Hawkeye64/pen/OqBjxM

[jd-0001]

@hawkeye64 Thanks for your efforts but I want to display span/text instead of button.
My usage:

So there will be no button. Flat button is also not an option.
However I will try to do the same in mine if possible.

[jd-0001]

Thanks so much @hawkeye64 I got my desired result :+1:
Here's working codepen

[hawkeye64]

@jd-0001 Looks good! Congrats on resolving!