diff --git a/src/lib/components/cards/RacePickCard.svelte b/src/lib/components/cards/RacePickCard.svelte index f7f7ed6..6203e89 100644 --- a/src/lib/components/cards/RacePickCard.svelte +++ b/src/lib/components/cards/RacePickCard.svelte @@ -37,7 +37,10 @@ const src: string = get_by_value(await data.drivers, "code", target.value)?.headshot_url || ""; - (document.getElementById("headshot_preview") as HTMLImageElement).src = src; + const img = document.getElementById("headshot_preview") as HTMLImageElement; + + // Can be null if lazyimg not loaded + if (img) img.src = src; }; const required: boolean = $derived(!racepick); diff --git a/src/lib/components/cards/SubstitutionCard.svelte b/src/lib/components/cards/SubstitutionCard.svelte index f512587..737c045 100644 --- a/src/lib/components/cards/SubstitutionCard.svelte +++ b/src/lib/components/cards/SubstitutionCard.svelte @@ -37,7 +37,10 @@ const src: string = get_by_value(await data.drivers, "code", target.value)?.headshot_url ?? ""; - (document.getElementById("headshot_preview") as HTMLImageElement).src = src; + const img = document.getElementById("headshot_preview") as HTMLImageElement; + + // Can be null if lazyimage hasn't loaded + if (img) img.src = src; }; const active_drivers = (drivers: Driver[]): Driver[] =>