Fix using the image container with lazyloaded images

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

Hide file tree

Showing 2 changed files with 4 additions and 4 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"
@@ -84,4 +84,4 @@
   "peerDependencies": {
     "sass": "^1.79.0"
   }
-}
+}
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;
     }