diff --git a/docs/api-reference/next/image.md b/docs/api-reference/next/image.md index 07f57c0afd..d2517c8b8a 100644 --- a/docs/api-reference/next/image.md +++ b/docs/api-reference/next/image.md @@ -41,7 +41,7 @@ This `next/image` component uses browser native [lazy loading](https://caniuse.c ## Known Browser Bugs -- [Safari 15+](https://bugs.webkit.org/show_bug.cgi?id=243601) displays a gray border while loading. Possible solutions: +- [Safari 15 and 16](https://bugs.webkit.org/show_bug.cgi?id=243601) display a gray border while loading. Safari 16.4 [fixed this issue](https://webkit.org/blog/13966/webkit-features-in-safari-16-4/#:~:text=Now%20in%20Safari%2016.4%2C%20a%20gray%20line%20no%20longer%20appears%20to%20mark%20the%20space%20where%20a%20lazy%2Dloaded%20image%20will%20appear%20once%20it%E2%80%99s%20been%20loaded.). Possible solutions: - Use CSS `@supports (font: -apple-system-body) and (-webkit-appearance: none) { img[loading="lazy"] { clip-path: inset(0.6px) } }` - Use [`priority`](#priority) if the image is above the fold - [Firefox 67+](https://bugzilla.mozilla.org/show_bug.cgi?id=1556156) displays a white background while loading. Possible solutions: