Desktop App: WeChat Integration notification’s dismiss button is hidden behind text on Windows 11

问题场景

用户在 Windows 11 上启动 LobeChat 桌面版 v2.2.4，进入 agents 侧边栏视图后，页面持续显示「WeChat Integration Service Update」通知横幅。横幅文本为“WeChat Integration Service Update — Using WeChat integration will require a paid plan starting from July 10. Learn More”，由于文本过长，关闭按钮（X）被文字重叠遮挡，用户看不到也无法点击，导致侧边栏部分 UI 被横幅阻断。

报错原文

Desktop App: WeChat Integration notification's dismiss button is hidden behind text on Windows 11

原因分析

可能原因：该通知横幅属于较新的 system_announcement 通知类型，可能没有继承桌面端此前为「桌面更新通知」修复过的布局约束（参考 PR #16384、#16396）。LobeChat 的 Notification 组件虽然实现了右上角关闭图标，但当通知文本较长时，文本内容发生溢出并将关闭按钮覆盖。Windows 11 上的字体渲染与字号差异可能进一步加剧该问题，使按钮完全不可见、不可点。

环境排查

• LobeChat 桌面版版本：已确认为 v2.2.4。
• 操作系统：已确认为 Windows 11。
• 客户端类型：Desktop App（Electron）。
• 检查当前桌面版是否已升级到包含 PR #16384 / #16396 相关修复的较新版本。
• （可选）在开发者工具中检查通知组件实际渲染宽度、文本溢出的 CSS 样式。

解决步骤

1. 优先升级 LobeChat 桌面版：查看当前版本是否低于包含通知布局修复的版本，若有更新版本则升级后重启并复测。（可优先尝试，Issue 中未验证该版本是否已含修复）
2. 临时调整窗口宽度或系统缩放：尝试将应用窗口拉宽、或临时调整 Windows 显示缩放比例，观察关闭按钮是否会随文本换行而显示出来。（仅为临时规避，不保证有效）
3. 尝试在通知横幅右上角（文字背后）点击关闭区域：如果按钮只是被文字遮挡但仍在原位置，可以把鼠标移到横幅右上角约 12–16px 的关闭按钮区域尝试点击。此操作无官方依据，仅在紧急需要关闭横幅时可尝试。
4. 关注官方后续版本：跟踪 LobeChat 的 release / issue #16941，等待官方针对 WeChat 公告横幅的长文本溢出问题发布补丁。

验证方法

确认通知横幅右上角的关闭按钮（X）完整显示且可点击，点击后横幅消失；再次启动应用并进入 agents 侧边栏视图时，横幅不再阻塞侧边栏 UI。若通过升级解决，还可在同版本 Windows 11 环境下重复复现步骤确认无回归。

参考来源

lobehub/lobe-chat #16941

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。