ionic-team/ionicons

feat: configure whether or not to lazy load

Open

Aperta il 14 gen 2021

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (17.256 star) (2083 fork)batch import
help wantedtype: feature request

Descrizione

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?

Guida contributor

Tech stack
typescriptcss
Dominio
frontend
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
half day
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
TypeScriptJavaScriptWeb performanceionicons internals
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
35
Direzione di ricerca
Investigate the current lazy loading implementation in the ionicons source, likely in the icon component (e.g., src/components/icon/icon.tsx). Identify where the IntersectionObserver or scroll based loading is triggered and how to add a configuration option to disable it. Look for similar configuration patterns in the codebase for consistency. No linked PRs or maintainer responses are visible.