fix: update srcset logic to handle lazy vs non-lazy images + srcset /…

… src / placeholder fallbacks depending on the mode the component is getting loaded
boltdesignsystem · Oct 24, 2019 · 35a9c8f · 35a9c8f
1 parent 170829f
commit 35a9c8f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/components/bolt-image/src/image.js b/packages/components/bolt-image/src/image.js
@@ -214,7 +214,11 @@ class BoltImage extends withLitHtml() {
             src="${ifDefined(src ? src : fallbackSrc)}"
             alt="${ifDefined(alt ? alt : undefined)}"
             srcset="${ifDefined(
-              lazyload ? placeholderImage : srcset ? srcset : undefined,
+              !lazyload
+                ? srcset || src || undefined
+                : this.isLazyLoaded
+                ? srcset
+                : placeholderImage,
             )}"
             data-srcset="${ifDefined(lazyload ? srcset || src : undefined)}"
             sizes="${ifDefined(