From 77a809baa35ac86ce70eb141067815bed0320ed6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=88=98=ED=98=84?= <shkim4@samaneng.com>
Date: Mon, 19 Oct 2026 23:40:47 +0900
Subject: [PATCH] fix(sw-viewer): prevent sample dropdown layout shift

---
 packages/sw/src/theme/sw-viewer.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/sw/src/theme/sw-viewer.css b/packages/sw/src/theme/sw-viewer.css
index 6c55a79..a4c20ac 100644
--- a/packages/sw/src/theme/sw-viewer.css
+++ b/packages/sw/src/theme/sw-viewer.css
@@ -293,6 +293,9 @@ button.hm-sw-viewer-header__brand { text-align: left; }
 @media (prefers-reduced-motion: reduce) { .hm-sw-viewer-switch, .hm-sw-viewer-switch__thumb { transition: none; } }
 
 /* ---------- Dropdown ---------- */
+/* The menu renders next to its trigger inside the header flex rows: the wrapper must not become a flex item, or the
+   row gains one gap while a menu is open (file name well shrinks, trigger shifts). The fixed list is out of flow. */
+.hm-sw-viewer-menu-root { display: contents; }
 .hm-sw-viewer-menu {
   position: fixed;
   z-index: 60;