feat(icon): Benefit of <use> and <symbol>
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 45/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- Active
- Stack technique
- angular, typescript
- Domaine
- frontend
Piste de recherche
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.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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.
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.9k
- Merge moyen
- 2 j 7 h
- PR mergées (30 j)
- 83
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de angular/components
-
bug(mat-slider): on Firefox, slider thumb is not aligned with cursorPeut-être pris @Devyalamaddi l’a pris il y a 4 jours. Ouvertearea: material/slider P4
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
angular/components#34094 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Peut-être pris @abdul-karim-mia l’a pris il y a 2 jours. Ouvertearea: material/sort P3
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
angular/components#33933 ·
Les mainteneurs répondent en général sous 1 jour
-
bug(mat-date-picker): month shown twice in date pickerPeut-être pris @PreethiPantangi l’a pris il y a 54 jours. Ouvertearea: material/datepicker P4
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
angular/components#33763 · 2 commentaires · 3 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
Bug in table.scss footer cell height: unset instead of footer row height unsetPeut-être pris @minwookshin l’a pris il y a 41 jours. Ouvertearea: material/table P4
Difficulté 1/5 Moins d'une heure Accessibilité débutants 88/100
angular/components#33709 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
bug(date-adapter): Misleading JSDoc for createDate returns typePeut-être pris @BHUVANSH855 l’a pris il y a 171 jours. Ouvertearea: material/core P3
Difficulté 1/5 Moins d'une heure Accessibilité débutants 78/100
angular/components#33059 · 2 commentaires ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de angular/components
Issues similaires
-
bug parity
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
WenyuChiou/agent-board#1489 ·
Les mainteneurs répondent en général sous 1 jour
-
area: bazaar bug complexity: medium
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
accensa/x402-facilitator-stellar#779 ·
Les mainteneurs répondent en général sous 1 jour
-
bug good first issue P4 size:S web-ui
Difficulté 2/5 Une demi-journée Accessibilité débutants 85/100
josephfung/curia#2600 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
cloudflare/partykit#444 ·