angular / angular/components

Support MouseOver For Menu Instead Of Click

Open
#17,372 5 comments 3 reactions 0 assignees View on GitHub
area: material/menu feature material spec P3
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.