angular / angular/components

Support MouseOver For Menu Instead Of Click

オープン
#17,372 コメント 5 件 リアクション 3 件 担当者 0 名 GitHub で見る
area: material/menu feature material spec P3
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### 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.

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

実装ファイルもテストも指定されていません。まず重複 issue #2080 と、そこで参照されている workaround コメントを確認し、次にメニュー要素と dropdown の両方について、ホバー時に開き、マウスが離れたときに閉じる想定の動作を明確にしてください。その動作がサポート対象の MdMenu オプションとして統合されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。