ionic-team/ionicons

feat: configure whether or not to lazy load

Open

#925 opened on 2021年1月14日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)TypeScript (17,256 stars) (2,083 forks)batch import
help wantedtype: feature request

説明

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?

コントリビューターガイド

技術スタック
typescriptcss
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
TypeScriptJavaScriptWeb performanceionicons internals
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
35
調査方針
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.