fix(gatsby-plugin-image): GatsbyImage not displaying image in IE11 (#…

…33416) (#33806) (cherry picked from commit d708d91) Co-authored-by: Rares Portan <43433598+raresportan@users.noreply.github.com>
gatsbyjs · Nov 2, 2021 · 35b48f8 · 35b48f8
1 parent 880022e
commit 35b48f8
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/gatsby-plugin-image/src/gatsby-ssr.tsx b/packages/gatsby-plugin-image/src/gatsby-ssr.tsx
@@ -21,6 +21,9 @@ export function onRenderBody({ setHeadComponents }: RenderBodyArgs): void {
     position: relative;
     overflow: hidden;
   }
+  .gatsby-image-wrapper picture.object-fit-polyfill {
+    position: static !important;
+  }
   .gatsby-image-wrapper img {
     bottom: 0;
     height: 100%;