diff --git a/app/assets/javascripts/discourse/app/lib/lazy-load-images.js b/app/assets/javascripts/discourse/app/lib/lazy-load-images.js index c354d1f2454..a0a2bc0fdc6 100644 --- a/app/assets/javascripts/discourse/app/lib/lazy-load-images.js +++ b/app/assets/javascripts/discourse/app/lib/lazy-load-images.js @@ -15,7 +15,15 @@ export function nativeLazyLoading(api) { forEachImage(post, (img) => { img.loading = "lazy"; if (img.dataset.smallUpload) { - img.style = `background-image: url(${img.dataset.smallUpload}); background-size: cover;`; + if (!img.complete) { + if (!img.onload) { + img.onload = () => { + img.removeAttribute("style"); + }; + } + + img.style = `background-image: url(${img.dataset.smallUpload}); background-size: cover;`; + } } }), {