feat(icon): Benefit of <use> and <symbol>
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 4/5
- Tempo estimado
- 3-5 dias
- Facilidade para iniciantes
- 45/100
- Tipo de issue
- Funcionalidade
- Clareza
- Razoavelmente clara
- Status de atividade
- Ativa
- Stack de tecnologia
- angular, typescript
- Domínio
- frontend
Direção de pesquisa
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.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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.
- Linguagem predominante
- TypeScript
- Estrelas
- 25k
- Forks
- 6.9k
- Merge médio
- 2d 7h
- PRs com merge (30d)
- 83
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de angular/components
-
bug(mat-slider): on Firefox, slider thumb is not aligned with cursorTalvez já em andamento @Devyalamaddi assumiu há 4 dias. Abertaarea: material/slider P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
angular/components#34094 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
bug(material/sort): hover hint arrow on an unsorted header shows the active sort direction, not the resulting direction after click.Talvez já em andamento @abdul-karim-mia assumiu há 2 dias. Abertaarea: material/sort P3
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
angular/components#33933 ·
Mantenedores costumam responder em até 1 dia
-
bug(mat-date-picker): month shown twice in date pickerTalvez já em andamento @PreethiPantangi assumiu há 54 dias. Abertaarea: material/datepicker P4
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
angular/components#33763 · 2 comentários · 3 reações ·
Mantenedores costumam responder em até 1 dia
-
Bug in table.scss footer cell height: unset instead of footer row height unsetTalvez já em andamento @minwookshin assumiu há 41 dias. Abertaarea: material/table P4
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
angular/components#33709 · 1 comentário ·
Mantenedores costumam responder em até 1 dia
-
bug(date-adapter): Misleading JSDoc for createDate returns typeTalvez já em andamento @BHUVANSH855 assumiu há 171 dias. Abertaarea: material/core P3
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 78/100
angular/components#33059 · 2 comentários ·
Mantenedores costumam responder em até 1 dia
Todas as issues de angular/components
Issues semelhantes
-
bug parity
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
WenyuChiou/agent-board#1489 ·
Mantenedores costumam responder em até 1 dia
-
area: bazaar bug complexity: medium
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
accensa/x402-facilitator-stellar#779 ·
Mantenedores costumam responder em até 1 dia
-
bug good first issue P4 size:S web-ui
Dificuldade 2/5 Meio dia Facilidade para iniciantes 85/100
josephfung/curia#2600 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
cloudflare/partykit#444 ·