Fix using the image container with lazyloaded images (#5403)

canonical · Oct 30, 2024 · 0a577f5 · 0a577f5
1 parent 6b77a8d
commit 0a577f5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanilla-framework",
-  "version": "4.18.1",
+  "version": "4.18.2",
   "author": {
     "email": "[email protected]",
     "name": "Canonical Webteam"

diff --git a/scss/_patterns_image.scss b/scss/_patterns_image.scss
@@ -84,8 +84,8 @@ $aspect-ratios: (
     justify-content: center;
     text-align: center;
 
-    // If there is a child element that is not the image, don't let it affect the layout
-    & > *:not(.p-image-container__image) {
+    // If there is a child lazyloaded image, don't let it affect the layout
+    & > .lazyloaded {
       display: contents;
     }