Support MouseOver For Menu Instead Of Click
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### Feature Description
I would like an option to be available for MdMenu that will open it when the mouse is over the menu element, and close it when the mouse leaves the menu element, or the menu dropdown.
**Provide a brief summary of the feature you would like to see.**
**This is duplicate of the Issue #2080**. Our team encountered the same problem in our development and we had to use the hacky method @Marshal27 provided in https://github.com/angular/components/issues/2080#issuecomment-444488219.
It looks like alot of people in this thread legitimately wanted this feature to use, and there was even talks about how it would work, then just died out for some reason, with some later outrage from people about the ignorance of the issue.
I would like to reopen this Issue and once again discuss ways we can integrate the mouseover functionality into the material menu. I can certainly use it and it would benefit me and looks like alot of other people as well.
#### Use Case
**Describe the use case(s) that the proposed feature would enable.**
Use case would be in menu structures where a mouse over functionality would be favorable over button click. For us we are doing a notification icon that would display the type and number of notification on hover.
Contributor guide
Research direction
No implementation file or test is named. Start by reviewing duplicate issue #2080 and the referenced workaround comment, then determine the intended hover-open and mouse-leave-close behavior for both the menu element and dropdown; done means that behavior is integrated as a supported MdMenu option.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100