From a311c03a210519238144a8e40042226b6fd32212 Mon Sep 17 00:00:00 2001
From: bujinyuan <bujinyuan@qianxin.com>
Date: Wed, 22 Apr 2026 16:34:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(meeting):=20=E8=81=8A=E5=A4=A9=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E7=82=B9=E5=87=BB=E5=A4=B1=E6=95=88=20&=20=E6=88=90?=
 =?UTF-8?q?=E5=91=98/=E9=82=80=E8=AF=B7=E6=8C=89=E9=92=AE=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=20toggle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ChatPanel 的 .btn-send 使用了 all:unset 导致 position 变为 static，
其 uni-app 自动注入的 ::after 伪元素（inset: 0 -1200px -80px 0）
absolute 定位会回溯到 body 作为 containing block，
形成一个覆盖几乎整个视口的隐形遮罩层，导致聊天面板的关闭按钮 (.btn-close)、
输入框 (textarea) 甚至发送按钮本身周围区域都无法点击/输入。

修复：
1. ChatPanel 的 .btn-send::after 从仅 border:none 升级为
   content:none + display:none，彻底抹除遮罩
2. room.vue 中 openMembers / openInvite 改为 toggle 切换，
   解决"再次点击成员按钮面板不会关闭"的问题

验证：Playwright 真实 DOM 命中测试 close/textarea/send 全部 hitSelf=true，
成员按钮二次点击面板正常关闭。

Made-with: Cursor
---
 frontend/src/components/meeting/ChatPanel.vue | 12 ++++++++++--
 frontend/src/pages/meeting/room.vue           |  4 ++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/meeting/ChatPanel.vue b/frontend/src/components/meeting/ChatPanel.vue
index c2bb7ab..05d75a3 100644
--- a/frontend/src/components/meeting/ChatPanel.vue
+++ b/frontend/src/components/meeting/ChatPanel.vue
@@ -396,8 +396,16 @@ const close = () => emit('close')
   line-height: 1;
   box-sizing: border-box;
 }
-/* 防御 uni-app H5 <uni-button> 内部嵌套 <button> 的全宽/默认边框 */
-.btn-send::after { border: none !important; }
+/* 关键防御：uni-app H5 会给 <uni-button> 注入一个 ::after 伪元素
+   （inset: 0 -1200px -80px 0, 即 2400x160 的点击反馈遮罩）。
+   由于 .btn-send 使用 all:unset 后 position 变为 static，
+   ::after 的 absolute 定位会回溯到 body 作为 containing block，
+   形成横跨整个视口的覆盖层，阻挡关闭按钮、输入框的点击。
+   这里彻底禁用 ::after。 */
+.btn-send::after {
+  content: none !important;
+  display: none !important;
+}
 .input-area ::v-deep(uni-button.btn-send) {
   width: auto;
   margin: 0;
diff --git a/frontend/src/pages/meeting/room.vue b/frontend/src/pages/meeting/room.vue
index ac5f040..557eec7 100644
--- a/frontend/src/pages/meeting/room.vue
+++ b/frontend/src/pages/meeting/room.vue
@@ -376,8 +376,8 @@ const onCamToggle = async () => {
   }
 }
 
-const openInvite = () => { inviteVisible.value = true }
-const openMembers = () => { memberVisible.value = true }
+const openInvite = () => { inviteVisible.value = !inviteVisible.value }
+const openMembers = () => { memberVisible.value = !memberVisible.value }
 const openChat = () => {
   // 点击工具栏聊天按钮时进行切换：已打开 → 关闭；未打开 → 打开并标记已读
   if (chatVisible.value) {