快速结论:该问题通常出现在 LobeChat 将界面语言切换为波斯语、阿拉伯语等 RTL(从右到左)语言后,打开任务页或弹出菜单时触发。优先排查 RTL 布局方向下的横向溢出与 Popover 宽度/定位逻辑,而不是数据或接口问题。
适用环境:LobeChat 2.1.57(官方云最新版),Web 桌面浏览器,Chrome,操作系统为 Other Linux。用户报告的场景为 RTL 语言 + 任务页 / Popover。
最快修复方案:暂无确认的一步修复方案。该 Issue 被标记为 Duplicate,且评论指出尚无已合并的修复 PR,因此没有经过验证的官方修复操作。
注意事项:Issue 本身及评论均未提供可直接执行的修复命令或配置;下面步骤仅基于现有 RTL 相关线索整理,属于待验证内容,不代表官方已修复。
问题场景
用户在 LobeChat(Web 桌面 Chrome)使用官方云 2.1.57 版本时,把界面语言切换为波斯语、阿拉伯语或其他 RTL 语言,然后执行以下操作会遇到界面异常:
- 新建一个任务并进入该任务页面,页面出现不必要的 X 轴(横向)滚动条;
- 打开全宽度菜单 Popover,弹层宽度与布局异常;
- 在任务页上无法切换语言,用户多次点击语言选项没有反应。
用户期望的行为是:移除横向滚动,并让 Popover 宽度正常对齐。
报错原文
X axis (horizontal) scroll and full width popover - the user cant change the language ...
when you create a task and heading to that page : that page has X scroll (horizontal) and its awful for production i think t have X scroll when its not needed.
another problem is the full width menu popover so. the UI is broken and also the user cant change the language even because we render that outside of page.
in the video below i click multiple time to open the languages but that doesn't work...
原因分析
根据 Issue 讨论,最可能的原因是 RTL 方向下的布局处理不完整:
- LobeChat 已具备 RTL 基础设施,会检测 RTL 语言并设置
document.documentElement.dir;任务 / 看板组件也使用了padding-inline、overflow-x: auto这类逻辑 CSS 属性(参考src/features/AgentTasks/AgentTaskList/KanbanBoard.tsx)。 - 但在方向翻转后,任务页具体的横向滚动与 Popover 定位没有被正确处理,导致内容溢出产生 X 轴滚动,同时 Popover 宽度/位置异常。
- 评论指出该问题与早前 Issue #14107 属同一类 RTL 布局问题,还可能与 #6016、#13588、#10494 重复,属于反复出现的问题区域。评论同时说明未找到已合并的修复 PR,因此修复大概率尚未落地。
注意:以上为 Issue 讨论中的分析方向,并非已确认的根因;Popover 无法切换语言也可能与弹层渲染位置在页面外相关,这仍是“可能原因”。
环境排查
- 确认 LobeChat 版本是否为 2.1.57(Issue 中报告为官方云最新版)。
- 确认部署平台为官方云,而非自托管,避免混入自建环境差异。
- 确认客户端类型为 Web 桌面浏览器,浏览器为 Chrome。
- 确认操作系统环境:Other Linux(Issue 已确认项,可对照是否一致)。
- 确认是否将界面语言切换为 RTL 语言(波斯语 / 阿拉伯语等),并以该状态复现。
- Issue 未提供 Python、CUDA、PyTorch、显卡、依赖版本等信息,无需补充确认这些项目。
解决步骤
- 先复现基线:在 Chrome 中打开 LobeChat 官方云 2.1.57,将语言切换为波斯语或阿拉伯语等 RTL 语言。
- 新建一个任务并进入任务页,观察是否出现 X 轴(横向)滚动条,记录出现滚动的区域。
- 在任务页打开菜单 Popover,观察弹层宽度是否满宽异常,以及语言选项是否可点击切换,确认用户描述的“语言无法更改”是否稳定复现。
- 对照评论线索检查任务 / 看板组件中
overflow-x、padding-inline及document.documentElement.dir在 RTL 下的实际生效情况,重点定位产生横向溢出的容器(可优先尝试)。 - 检查 Popover 的挂载位置与宽度约束,确认其是否被渲染在页面外导致点击无法命中语言选项(可优先尝试)。
- 若需临时规避影响使用:切回 LTR 语言(如英文、中文)再进入任务页,这是降低影响的操作方式,但不属于问题修复。
- 关注上游修复进展:该 Issue 已被标记为 Duplicate,且无已合并修复 PR,建议跟踪其指向的原始 RTLIssue 及仓库后续 PR。
验证方法
再次在 RTL 语言下进入任务页,确认:
- 页面不再出现不必要的 X 轴(横向)滚动条;
- 菜单 Popover 宽度与位置正常,不再满宽破裂;
- 在任务页中可以正常点击并切换语言。
若三项均正常,说明问题已解决;若仍复现,说明修复尚未合入或未覆盖当前版本。
参考来源
这个方案解决了吗?
可以继续搜索完整报错,或查看同一工具的其他排查指南。


