feat(icon): Benefit of <use> and <symbol>
Maintainer thường phản hồi trong vòng 1 ngày
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 45/100
- Loại issue
- Tính năng
- Độ rõ ràng
- Khá rõ ràng
- Mức độ hoạt động
- Sôi nổi
- Công nghệ
- angular, typescript
- Lĩnh vực
- frontend
Hướng nghiên cứu
Start by reading MatIconRegistry and the mat-icon rendering path to see how registered SVGs are copied into each component. Explore whether a document-level hidden SVG symbol can be reused through <use href="#namespace-icon-id"></use>. Done means repeated icons use a shared symbol and the DOM contains less repeated SVG; the issue gives no test or implementation files to start from.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Mô tả
Feature Description
Currently MatIconRegistry copy SVG code of each added icons in each mat-icon component.
Why not add an SVG symbol hidden in the current document and only use <use href="#namespace-icon-id"></use> where the icon should be displayed ?
Use Case
Reduce the amount of SVG in DOM when the same icon is repeated a lot of time in the same page.
- Ngôn ngữ chính
- TypeScript
- Star
- 25k
- Fork
- 6.9k
- Merge trung bình
- 2 ngày 7 giờ
- Pull request đã merge (30 ngày)
- 83
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Không có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của angular/components
-
bug(mat-slider): on Firefox, slider thumb is not aligned with cursorCó thể đã có người làm @Devyalamaddi đã nhận 4 ngày trước. Đang mởarea: material/slider P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
angular/components#34094 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Có thể đã có người làm @abdul-karim-mia đã nhận 2 ngày trước. Đang mởarea: material/sort P3
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
angular/components#33933 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(mat-date-picker): month shown twice in date pickerCó thể đã có người làm @PreethiPantangi đã nhận 54 ngày trước. Đang mởarea: material/datepicker P4
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
angular/components#33763 · 2 bình luận · 3 reaction ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Bug in table.scss footer cell height: unset instead of footer row height unsetCó thể đã có người làm @minwookshin đã nhận 41 ngày trước. Đang mởarea: material/table P4
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 88/100
angular/components#33709 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug(date-adapter): Misleading JSDoc for createDate returns typeCó thể đã có người làm @BHUVANSH855 đã nhận 171 ngày trước. Đang mởarea: material/core P3
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 78/100
angular/components#33059 · 2 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
Tất cả issue của angular/components
Issue tương tự
-
bug parity
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
WenyuChiou/agent-board#1489 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
area: bazaar bug complexity: medium
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
accensa/x402-facilitator-stellar#779 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug good first issue P4 size:S web-ui
Độ khó 2/5 Nửa ngày Mức phù hợp với người mới 85/100
josephfung/curia#2600 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
cloudflare/partykit#444 ·