angular / angular/components

feat(MatTooltip): Mimic native tooltip behaviour

Đang mở
#20,091 5 bình luận 0 reaction 0 người được giao Xem trên GitHub
area: material/tooltip feature P4
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

##### If nested elements have `MatTooltip`s applied on them, show the innermost tooltip.

Suppose we have a `button` with a `span` inside it.

```html

Mat Tooltip

Native Tooltip

```

If both of these elements have the `title` attribute applied to them and we hover the `span`, the browser shows `title` text of the span.
However, if we use the `MatTooltip` directive, both tooltips are shown to the user.

[Minimal Reproduction on StackBlitz](https://mat-tooltip-vs-native-tooltip.stackblitz.io)

#### Use Case

Whenever you need to show different tooltips for parent and child elements.

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

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

Hướng nghiên cứu

Bắt đầu với bản tái hiện StackBlitz được liên kết và kiểm tra hành vi của MatTooltip đối với các phần tử lồng nhau. Công việc được xem là hoàn tất khi di chuột lên span lồng nhau chỉ hiển thị tooltip của nó, trong khi tooltip của button cha vẫn xuất hiện khi di chuột lên chính button đó.

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ó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/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.