issue: the ask_user card lays out Hebrew/RTL questions left to right

当 Open WebUI 的 ask_user 卡片(AskUserCard.svelte)渲染希伯来语等 RTL 问题的 header、question、options 和 Other 输入框时,这些文本被固定为 LTR,导致左对齐并把问号放到行尾。优先确认卡片的文本容器是否带有 dir="aut

快速结论:当 Open WebUI 的 ask_user 卡片(AskUserCard.svelte)渲染希伯来语等 RTL 问题的 header、question、options 和 Other 输入框时,这些文本被固定为 LTR,导致左对齐并把问号放到行尾。优先确认卡片的文本容器是否带有 dir="auto",选项按钮是否仍使用 text-left。

适用环境:Open WebUI v0.12.3 和 dev 7484c75(2026-10-19 的 :dev 镜像);Docker 部署在 WSL2 的 Linux 上;浏览器为 Chromium(Playwright);使用默认配置,未启用 RTL 界面设置。

最快修复方案:升级到包含 PR #32784 的版本。该 PR 已在 dev c4153a6 上验证希伯来语卡片为 RTL,且英文卡片外观不变。

注意事项:Issue 中验证的是 dev 分支构建,正式发布版本是否已包含该修复需以实际版本为准;dir="auto" 按文本首字符判断方向,混合方向内容的表现可能与纯希伯来语不同,Issue 未覆盖此类场景。

问题场景

在 Open WebUI 中新增一个 pipe function,其 pipe() 通过 __event_call__ 发出 type: "request:user_input" 事件,并携带希伯来语问题(header 为“שמירה”,question 为“האם לשמור את הקובץ?”,options 为“כן”/“לא”,allow_other: true)。在新对话中选用该模型并发送任意消息后,界面上弹出的 ask_user 问题卡片整体呈 LTR 排版。

报错原文

issue: the ask_user card lays out Hebrew/RTL questions left to right

该 Issue 没有抛出异常或控制台错误,属于界面呈现问题:问题文本的 computed direction 为 ltr,选项按钮带有 text-left。

原因分析

最可能的原因是 src/lib/components/chat/AskUserCard.svelte 中的 header、question、选项按钮和 Other 输入框都没有声明文本方向,因此浏览器按默认 LTR 排版,不根据内容自动判断方向。Issue 作者在卡片文本容器上加入 dir="auto",并把选项按钮的 text-left 改为 text-start,问题即得到修复,这支持上述判断。

关联讨论显示,Notes 区域不遵循 RTL(#19743)、输入框不响应 RTL 界面设置(#13633)、Auto 方向检测(#8448、#21160)等都属于同一类“方向未按内容自适应”的问题。

环境排查

  • 确认 Open WebUI 版本:v0.12.3 或 dev 7484c75 均复现;检查是否已包含 PR #32784 的改动。
  • 确认浏览器中问题卡片的文本容器是否带有 dir="auto",选项按钮是否为 text-start 而非 text-left。
  • 确认是否启用 RTL 界面设置;Issue 中为默认配置、未启用,仍复现,说明该问题不依赖界面语言设置。
  • Issue 未提供 Python、CUDA、PyTorch、显卡等依赖信息,无需据此排查。

解决步骤

  1. 优先升级:使用包含 PR #32784 的 Open WebUI 版本;该 PR 已在 dev c4153a6 上验证希伯来语卡片为 RTL、英文卡片渲染不变。
  2. 若需自行修改,参照 Issue 中的建议改动 AskUserCard.svelte:给 header 所在行、question 文本容器、每个选项 button 以及 Other 输入框 input 添加 dir="auto"。
  3. 将选项按钮的 text-left 改为 text-start,使对齐方向随文本方向变化。
  4. 重新构建前端并部署,然后重新触发包含希伯来语问题的 pipe function 验证。

验证方法

使用与 Issue 相同的希伯来语问题卡片,确认 header、question、选项和 Other 输入框从右到左排列,问号位于文本恰当一端(“האם לשמור את הקובץ?” 中的 “?” 不再出现在行尾);同时用英文问题卡片对比,确认外观与修复前一致。Issue 中该结果已在 dev c4153a6 上确认。

参考来源

open-webui/open-webui #32778

open-webui/open-webui PR #32784

GamsGo AI

AI 工具推荐

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

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

了解 GamsGo AI

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

这个方案解决了吗?

celebrityanime
celebrityanime
文章: 29559

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注