From e45449b7c8b99fae630a22eabc74d6435a859663 Mon Sep 17 00:00:00 2001
From: yelan <wzqf99@foxmail.com>
Date: Tue, 15 Sep 2026 09:59:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=94=A8=E6=88=B7=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A7=92=E8=89=B2=E6=9D=83=E9=99=90=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E6=BB=9A=E5=8A=A8=E5=A4=B1=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../users/components/RoleApiPermissionPanel.vue           | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue b/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
index 8c7a9dd..955f60b 100644
--- a/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
+++ b/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
@@ -118,9 +118,12 @@ function isSelected(permissionId: string) {
   margin-top: 14px;
 }
 
+/* 必须是 height 而不是 min-height：min-height 只有下限没有上限，
+   权限目录一多，面板会跟着内容一起长高，被抽屉的 overflow: hidden 直接裁掉，
+   内部就没有任何可滚动区域了。 */
 .drawer-panel {
   display: flex;
-  min-height: 100%;
+  height: 100%;
   flex-direction: column;
   margin-top: 0;
   overflow: hidden;
@@ -207,8 +210,11 @@ function isSelected(permissionId: string) {
   padding: 16px;
 }
 
+/* min-height: 0 让这个 flex 子项能被压缩到内容高度以下，
+   否则它会撑到内容高度，overflow: auto 永远触发不了 */
 .drawer-panel .api-permission-layout {
   flex: 1;
+  min-height: 0;
   overflow: auto;
 }