diff --git a/src/frontend/src/flows/dappsExplorer/teaser.ts b/src/frontend/src/flows/dappsExplorer/teaser.ts index c858362eec..4df9088d04 100644 --- a/src/frontend/src/flows/dappsExplorer/teaser.ts +++ b/src/frontend/src/flows/dappsExplorer/teaser.ts @@ -70,10 +70,6 @@ const marqueeList = (dapps: KnownDapp[]): TemplateResult => { > ${rows.map((rowDapps, i) => { const rowContent = rowDapps.map( - // XXX: it's important not to lazy load the image, otherwise - // images start appearing before they're loaded. This then - // shows an empty space where the image suddenly pops seconds - // later. ({ logoSrc, name }) => html`
{ class="c-marquee__image c-marquee__image--loading" @load=${(e: Event) => { const img = e.target as HTMLImageElement; - img.classList.remove('c-marquee__image--loading'); - img.classList.add('c-marquee__image--loaded'); + img.classList.remove("c-marquee__image--loading"); + img.classList.add("c-marquee__image--loaded"); }} />