angular / angular/components

Support MouseOver For Menu Instead Of Click

Đang mở
#17,372 5 bình luận 3 reaction 0 người được giao Xem trên GitHub
area: material/menu feature material spec P3
Ngôn ngữ chính
TypeScript
Star
25k
Fork
6.8k
Merge trung bình
1 ngày 8 giờ
Pull request đã merge (30 ngày)
91

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Không có tệp triển khai hoặc bài kiểm thử nào được nêu. Hãy bắt đầu bằng việc xem xét issue trùng lặp #2080 và bình luận workaround được tham chiếu, sau đó xác định hành vi mong muốn là mở khi di chuột vào và đóng khi chuột rời đi đối với cả phần tử menu và dropdown; hoàn tất nghĩa là hành vi đó được tích hợp như một tùy chọn được MdMenu hỗ trợ.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
angular, typescript
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.