Hide notification element untill the image is loaded

adobecom · Feb 20, 2025 · 22f92f1 · 22f92f1
1 parent 52c5c78
commit 22f92f1
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/libs/blocks/aside/aside.js b/libs/blocks/aside/aside.js
@@ -195,7 +195,16 @@ function decorateLayout(el) {
     if (iconVariant) loadIconography();
     iconArea.classList.add(iconClass);
     const image = iconArea.querySelector('img');
-    iconArea.style.aspectRatio = image.width / image.height;
+    if (image) {
+      if (image.complete) {
+        el.style.visibility = 'visible';
+      } else {
+        el.style.visibility = 'hidden';
+        image.addEventListener('load', () => {
+          el.style.visibility = 'visible';
+        });
+      }
+    }
   }
   const foregroundImage = foreground.querySelector(':scope > div:not(.text) img')?.closest('div');
   const bgImage = el.querySelector(':scope > div:not(.text):not(.foreground) img')?.closest('div');