From 2b990942c080d22bba0da75c84003718aadc3cf7 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Wed, 4 Mar 2026 14:24:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E9=81=AE=E6=8C=A1=E5=85=A8=E5=B1=80=20chatDi?=
 =?UTF-8?q?alog=20=E6=8C=89=E9=92=AE=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

overflow-y:auto 会在 CSS 中创建新的堆叠上下文（stacking context），
导致即使全局弹窗 z-index 更高，在视觉上依然被 overflow 容器裁切，
造成「确定」按钮被弹窗底部遮挡无法点击。

修复方案：
- 外层容器移除 overflow-y:auto，改为 display:flex + flex-direction:column
- 标题栏加 flex-shrink:0 固定高度不被压缩
- 内容区单独加 overflow-y:auto + flex:1 保留滚动能力
- 外层遮罩 z-index 从 9999 提升至 10000（仍低于全局弹窗的 999999）
---
 resources/views/chat/partials/toolbar.blade.php | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/resources/views/chat/partials/toolbar.blade.php b/resources/views/chat/partials/toolbar.blade.php
index 7719849..dc7a602 100644
--- a/resources/views/chat/partials/toolbar.blade.php
+++ b/resources/views/chat/partials/toolbar.blade.php
@@ -80,20 +80,21 @@
 {{-- ═══════════ 个人设置弹窗 ═══════════ --}}
 <div id="settings-modal"
     style="display:none; position:fixed; top:0; left:0; right:0; bottom:0;
-    background:rgba(0,0,0,0.5); z-index:9999; justify-content:center; align-items:center;">
+    background:rgba(0,0,0,0.5); z-index:10000; justify-content:center; align-items:center;">
     <div
-        style="background:#fff; border-radius:8px; width:380px; max-height:90vh; overflow-y:auto;
-        box-shadow:0 8px 32px rgba(0,0,0,0.3);">
-        {{-- 标题栏 --}}
+        style="background:#fff; border-radius:8px; width:380px; max-height:90vh;
+        box-shadow:0 8px 32px rgba(0,0,0,0.3); display:flex; flex-direction:column;">
+        {{--  --}}}
         <div
             style="background:linear-gradient(135deg,#336699,#5a8fc0); color:#fff;
-            padding:12px 16px; border-radius:8px 8px 0 0; display:flex; justify-content:space-between; align-items:center;">
+            padding:12px 16px; border-radius:8px 8px 0 0; display:flex; justify-content:space-between; align-items:center; flex-shrink:0;">
             <span style="font-size:14px; font-weight:bold;">⚙️ 个人设置</span>
             <span onclick="document.getElementById('settings-modal').style.display='none'"
                 style="cursor:pointer; font-size:18px; opacity:0.8;">&times;</span>
         </div>
 
-        <div style="padding:16px;">
+        {{-- 内容滚动区：把 overflow-y:auto 放到内层，避免外层 overflow 创建堆叠上下文论clip全局弹窗 --}}
+        <div style="padding:16px; overflow-y:auto; flex:1;">
             {{-- 修改密码 --}}
             <div style="margin-bottom:16px; border:1px solid #e0e0e0; border-radius:6px; padding:12px;">
                 <div style="font-size:12px; font-weight:bold; color:#336699; margin-bottom:8px;">🔒 修改密码</div>