DEV Community

loading...

Discussion on: Gatsby Images and Safari

Collapse
johnridesabike profile image
John Jackson

I thought only IE doesn’t support intersection observer? I’ve been using gatsby-image with no extra polyfill and my images have always loaded fine on Safari. I believe Gatsby automatically includes a polyfill for IE.

Collapse
arnonate profile image
Nate Arnold Author • Edited

Weird. You are right that Gatsby Image ships with a polyfill for IE import Img from "gatsby-image/withIEPolyfill, but this is only a polyfill for the object-fit CSS prop I believe. This blog post is the only way I could get my images to show up in Safari. To be clear, these are the settings I am using: ...GatsbyImageSharpFluid_withWebp_noBase64.

Collapse
johnridesabike profile image
John Jackson

That’s odd. It may be worth filing an issue on the Gatsby repo. I’ve never had a problem with it and Safari.