From 83f379df333a173d0ff4e58aa93af56530f022fd Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Fri, 5 Dec 2025 22:27:42 +0800
Subject: [PATCH] feat(modal): add scrollbar-gutter to prevent layout shift

---
 static/css/components/modal/_base.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/css/components/modal/_base.css b/static/css/components/modal/_base.css
index c90eebf5..c869e493 100644
--- a/static/css/components/modal/_base.css
+++ b/static/css/components/modal/_base.css
@@ -35,6 +35,7 @@ body.modal-open {
         0 10px 15px -3px rgba(0, 0, 0, 0.05);
     overflow-y: auto;
     overflow-x: hidden; /* 防止水平滚动条 */
+    scrollbar-gutter: stable both-edges; /* Reserve space to prevent layout shift when scrollbar toggles */
 }
 
 .modal-content-large {