ionic-team/ionicons

feat: configure whether or not to lazy load

Aberta

#925 aberto em 14 de jan. de 2021

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)TypeScript (2.083 forks)batch import
help wantedtype: feature request

Métricas do repositório

Stars
 (17.256 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

I'm using an ion-icon in a dropdown interface, where a user has to click an element to show the dropdown's content. Because of how ionicons is implemented, the icons inside the dropdown are not loaded instantly because the request is performed when it is visible to the user.

This, of course, is not ideal, as it shows a flicker while the icons are not downloaded. Just like what happens when you set a background-image to an element in its :hover state.

Is there any way to force the load of invisible icons?

Guia do colaborador

Direção de pesquisa
Investigue a implementação atual de carregamento lento no código fonte do ionicons, provavelmente no componente de ícone (ex.: src/components/icon/icon.tsx). Identifique onde o IntersectionObserver ou o carregamento baseado em rolagem é acionado e como adicionar uma opção de configuração para desativá lo. Procure por padrões de configuração semelhantes na base de código para consistência. Nenhum PR vinculado ou resposta dos mantenedores está visível.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ioniconslazy loadingweb components
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60