ionic-team/ionicons

feat: configure whether or not to lazy load

Open

#925 ouverte le 14 janv. 2021

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (17 256 stars) (2 083 forks)batch import
help wantedtype: feature request

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?

Guide contributeur

Stack technique
typescriptcss
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
TypeScriptJavaScriptWeb performanceionicons internals
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
35
Direction de recherche
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.