ionic-team / ionic-team/ionicons

feat: configure whether or not to lazy load

Open
#925 1 comment 0 reactions 0 assignees View on GitHub
help wanted type: feature request
Dominant language
TypeScript
Stars
18.2k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

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?

Contributor guide

Open the contributing guide

Research direction

The issue names ion-icon and its visibility-triggered lazy loading, but provides no files or tests to start from. Trace the implementation that requests icons when they become visible, then define how configuration should allow invisible icons to load immediately and verify that dropdown icons no longer flicker.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.