From 4927e815b52f0c38f4281d2a6e80667e658bb2ab Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Tue, 17 Mar 2026 20:30:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E5=90=8D=E5=8D=95=E6=8A=BD=E5=B1=89=E6=BB=9A=E5=8A=A8=E5=A4=B1?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98=EF=BC=9A=E6=89=93=E9=80=9A=20flex?=
 =?UTF-8?q?=20=E9=AB=98=E5=BA=A6=E7=BA=A6=E6=9D=9F=E9=93=BE=EF=BC=8C?=
 =?UTF-8?q?=E5=90=AF=E7=94=A8=20overflow-y:auto?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/chat.css                                   | 11 ++++++++---
 .../chat/partials/layout/mobile-drawer.blade.php      |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/css/chat.css b/public/css/chat.css
index 5808cea..cd04be3 100644
--- a/public/css/chat.css
+++ b/public/css/chat.css
@@ -801,13 +801,17 @@ a:hover {
         color: #fff;
     }
 
-    /* ── 名单/房间抽屉：复用原 right-panel 结构 ── */
+    /* ── 名单/房间抽屉：限制最大高度，内部用户列表区启用滚动 ── */
+    #mobile-drawer-users {
+        max-height: 80vh;
+    }
+
     #mobile-drawer-users .mobile-drawer-body {
-        max-height: 65vh;
         overflow: hidden;
         display: flex;
         flex-direction: column;
         flex: 1;
+        min-height: 0;
     }
 
     #mobile-drawer-users .mobile-right-clone {
@@ -825,7 +829,8 @@ a:hover {
     #mobile-drawer-users .user-list-content {
         flex: 1;
         overflow-y: auto;
-        max-height: calc(65vh - 80px);
+        min-height: 0;
+        -webkit-overflow-scrolling: touch;
     }
 
     #mobile-drawer-users .online-stats {
diff --git a/resources/views/chat/partials/layout/mobile-drawer.blade.php b/resources/views/chat/partials/layout/mobile-drawer.blade.php
index 1461813..2cac2b4 100644
--- a/resources/views/chat/partials/layout/mobile-drawer.blade.php
+++ b/resources/views/chat/partials/layout/mobile-drawer.blade.php
@@ -86,7 +86,7 @@
 
         {{-- 用户列表容器 --}}
         <div id="mob-online-users-list"
-            style="flex:1;overflow-y:auto;padding:2px 0;">
+            style="flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;">
             <div style="text-align:center;color:#aaa;padding:20px;font-size:12px;">加载中...</div>
         </div>