From ab0400ce7db595b55c22eaa3b04fe2a66bab0ef3 Mon Sep 17 00:00:00 2001 From: Alquen Sarmiento Date: Thu, 19 Feb 2026 14:55:54 +0800 Subject: [PATCH 1/3] fix: fix lazyloaded images in safari --- src/block-components/image/style.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/block-components/image/style.scss b/src/block-components/image/style.scss index 49587d8c4e..f58da8d5e9 100644 --- a/src/block-components/image/style.scss +++ b/src/block-components/image/style.scss @@ -70,3 +70,11 @@ border-radius: 9999px !important; } } + +// This is needed to fix the images rendering as lines when lazy-loaded in Safari. +// Targets Safari 9+ on iOS and macOS, works as of late 2025. +@supports (font: -apple-system-body) { + img.stk-img { + will-change: transform; + } +} From d7be57780a5dc4d682296179f16c6e9a7df5b68d Mon Sep 17 00:00:00 2001 From: Benjamin Intal Date: Mon, 23 Feb 2026 14:08:54 +0800 Subject: [PATCH 2/3] Apply suggestion from @bfintal --- src/block-components/image/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/block-components/image/style.scss b/src/block-components/image/style.scss index f58da8d5e9..3d3b67c23a 100644 --- a/src/block-components/image/style.scss +++ b/src/block-components/image/style.scss @@ -74,7 +74,7 @@ // This is needed to fix the images rendering as lines when lazy-loaded in Safari. // Targets Safari 9+ on iOS and macOS, works as of late 2025. @supports (font: -apple-system-body) { - img.stk-img { + img.stk-img.lazyloaded { will-change: transform; } } From de3966327da67c4a6d8b3d894f4b81636cf08c41 Mon Sep 17 00:00:00 2001 From: Benjamin Intal Date: Mon, 23 Feb 2026 14:09:35 +0800 Subject: [PATCH 3/3] Apply suggestion from @bfintal --- src/block-components/image/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/block-components/image/style.scss b/src/block-components/image/style.scss index 3d3b67c23a..f2bc70a0cc 100644 --- a/src/block-components/image/style.scss +++ b/src/block-components/image/style.scss @@ -71,7 +71,7 @@ } } -// This is needed to fix the images rendering as lines when lazy-loaded in Safari. +// This is needed to fix the images rendering as lines when lazy-loaded in Safari. We target only the known issue here based on lazy loading from another plugin so as not to affect other uses of the image // Targets Safari 9+ on iOS and macOS, works as of late 2025. @supports (font: -apple-system-body) { img.stk-img.lazyloaded {