From b63e34413d2970ea4c58377cf0f6fccde095a88b Mon Sep 17 00:00:00 2001 From: Ilia Mashkov Date: Tue, 14 Jul 2026 15:58:51 +0300 Subject: [PATCH] fix(theme): clip overflow-x at root, not body A scroll-container body makes Firefox clip descendant composited transforms that briefly overshoot the viewport. --- src/shared/styles/theme.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css index f9fed13..7cee16b 100644 --- a/src/shared/styles/theme.css +++ b/src/shared/styles/theme.css @@ -166,6 +166,9 @@ /* Reserve scrollbar gutter so locking body scroll (e.g. when a modal * opens) doesn't widen the viewport and shift fixed elements. */ scrollbar-gutter: stable; + /* Clip at the root, not body: a scroll-container body makes Firefox clip + * descendant composited transforms that briefly overshoot the viewport. */ + overflow-x: hidden; } body { @@ -173,7 +176,6 @@ font-family: var(--font-body); font-weight: var(--font-weight-body); line-height: var(--line-height-tight); - overflow-x: hidden; } /* Page-wide blue dot grain. z-index -1 drops it behind body's content so