issue: [regression] [dev] Channel message actions are reached by Tab only after the message box, cut off from their message

问题场景

在 Open WebUI 的频道（Channel）中，某条消息下方有操作按钮：Add Reaction、Reply、Pin、Reply in Thread、Edit、Delete。用户不使用鼠标，而是先点击页面空白处取消焦点，再连续按 Tab 键遍历页面。按预期，每条消息的操作按钮应紧跟在该消息之后；实际却先遍历完所有消息、输入框及其按钮，最后才集中出现所有消息的操作按钮，且没有任何提示说明每组按钮对应哪条消息。消息较多时，键盘用户需要越过输入框和大量按钮才能到达目标按钮。

报错原文

issue: [regression] [dev] Channel message actions are reached by Tab only after the message box, cut off from their message

Tab goes through the messages, then the message box and its buttons, and only then through the action buttons of every message.

原因分析

Issue 明确将其定性为回归：仅 dev 分支、自提交 08f197ad8 起出现，在 336194310 和 v0.12.5 上正常。可能原因是该提交改动了频道消息组件的焦点顺序或 DOM 结构，使消息操作按钮容器的位置被移到了输入框之后，或者 Tab 顺序与消息渲染顺序脱节。评论中关联的 #33409（同一消息操作工具栏缺少可访问名称）和 #33546（键盘焦点移出抽屉、逃逸到隐藏页面）都指向同一时期的焦点管理代码，可作为排查线索，但这些关联仅说明范围相近，并不等于已定位根因。

环境排查

• 确认 Open WebUI 运行分支：是否为 dev；正式版 v0.12.5 不在影响范围内。
• 确认当前构建是否包含提交 08f197ad8 或更晚的改动。
• 对照提交 336194310 验证问题是否消失，以确认回归区间。
• 确认问题仅出现在频道页面、且仅影响键盘 Tab 导航；鼠标点击操作应正常。
• 原文未提供浏览器与操作系统信息，复现时可记录实际使用的浏览器版本以便上报。

解决步骤

1. 在频道中准备两条以上消息，点击页面背景清空焦点，连续按 Tab，记录焦点经过消息、输入框、各消息操作按钮的顺序，确认是否符合 Issue 描述的“按钮集中在输入框之后”。
2. 切换到提交 336194310 或 v0.12.5 的构建，用相同步骤复测。若 Tab 顺序恢复正常，即确认问题属于 08f197ad8 之后的回归。
3. 若需继续使用 dev，可优先尝试在包含 08f197ad8 之后的提交中查找针对频道消息组件焦点顺序的后续改动，但该修复在 Issue 中未经确认，需自行验证。
4. 临时规避：依赖键盘操作时可先用鼠标点击目标消息以进入其操作区域，或暂时使用 v0.12.5。

验证方法

在频道中放置两条以上消息，清空焦点后连续按 Tab：应能看到每条消息的操作按钮紧跟在该消息之后出现，并有可辨识的上下文说明其所属消息；输入框之后不再堆积全部消息的操作按钮。同时确认鼠标操作未受影响。

参考来源

open-webui/open-webui #33552

AI 工具推荐

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

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

了解 GamsGo AI

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