Feature request: Hover support for opening <el-dropdown>

[AllenEllis]

What component (if applicable)

• URL for category: https://tailwindcss.com/plus/ui-blocks/documentation/dropdown-menu
• Component name: el-dropdown

Describe the feature
A flag to enable "hover" support, so that hovering over the button for the el-dropdown button would automatically reveal the menu.

Additional complexities would need to be considered, including:

• Support for touch-only devices (tap the button to open)
• Hovering outside the menu after a period of time would hide it again
• Should probably clear any other open menus first

Additional context
Perhaps there is a broader discussion around whether revealing a menu on hover is a good UX practice and if this library wants to encourage it. The best discussions that I found (while older) seems to agree that there are some situations where it is appropriate.

In our particular case, we decided that hover support allows for a faster user experience, and aids in the discovery of some functionality in our web app.

[RobinMalfait]

Hey! Going to delay this one for now. We've never added hover support to Headless UI with the same idea where we try to mimic the native browser components where they fall short.

Opening a dropdown on hover can also cause annoying issues:

• If you expect that the button doesn't open on hover, you hover the button and then click then it likely closes (because it was opened due to the hover). Now you have to hover/click again.
• Another issue is related to scroll locking. Once these components open, they will lock the page from scrolling which could cause annoying issues if hovering these components was not your intention.

Maybe this is still something we want to add in the future, but going to say no for now because of the above mentioned reasons.

Hope that makes sense, and thanks for the suggestion!