Dropdown Menu Open on Hover

[jeffpohlmeyer]

Describe the feature in detail (code, mocks, or screenshots encouraged)

Trying to port over a Vue/Vuetify-based project and one big helper would be the ability to open a menu upon hover. Looking at something like this: https://vuetifyjs.com/en/components/menus/#open-on-hover

It seems that the tooltip has open-on-hover functionality and you can have that mimic the sort of thing I'm looking for (and Melt-UI includes positioning) but I'm wondering that's the way I should be going for a hoverable menu or a Dropdown Menu would be the appropriate course of action.

What type of pull request would this be?

Enhancement

Provide relevant links or additional information.

No response

[huntabyte]

This would be something I'd have to make possible from the bits-ui side as I'd have to forward the proper events to make this possible, but it'd require some custom logic on your end to make it work as expected.

[voidrlm]

Just use the mouseover or mouseleave event by Vue and programmatically open the drop down menu list.

Example:
@mouseOver="hover = true"
@mouseleave="hover = false"

[jeffpohlmeyer]

Not quite. If you do that then you don't have any interactivity with the menu that opens up because as soon as you hover into the menu you're no longer hovering over the trigger/activator and the menu will close

[JustMrMendez]

Any updates on this? i'm trying to recreate the navigation menu from shadcn and i'm unsure what would be the best way of doing this