From 6216bea85c6541e0df269b2a993014492fd9cde9 Mon Sep 17 00:00:00 2001 From: Alquen Sarmiento Date: Wed, 11 Mar 2026 11:23:26 +0800 Subject: [PATCH] fix: prevent shifting in safari --- src/block/button/style.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/block/button/style.scss b/src/block/button/style.scss index fb160dafa4..747fbe706f 100644 --- a/src/block/button/style.scss +++ b/src/block/button/style.scss @@ -28,3 +28,12 @@ box-sizing: border-box; } } + +// Force Safari to render the SVG on its own layer to prevent shifting +// during parent transition. +// @see https://github.com/gambitph/Stackable/issues/3687 +@supports (font: -apple-system-body) { + .stk-button svg { + will-change: transform; + } +}