[DropdownMenu] Handle hover mode like Popover

[benjamincanac]

https://ui.nuxt.com/components/dropdown#mode

[benjamincanac]

@zernonia Is there a way to achieve this with Radix Vue currently?

[zernonia]

You can try this @benjamincanac
https://stackblitz.com/edit/nkkie8?file=src%2FApp.vue

Mainly:

1. :modal="false" on Root
2. @pointerenter and @pointerleave on Trigger

[benjamincanac]

@zernonia Thanks for the suggestion but I don't think this method can work when there is some gap between the content and the trigger. Would it be possible to take advantage of the useGraceArea composable for this?

I've tried to copy it locally as it's not exported but didn't manage to make it work 😬

[github-actions]

This issue is stale because it has been open for 30 days with no activity.