issue: the model selector’s filter list opens off the bottom of the window

该问题通常出现在 Open WebUI 聊天输入框底部的模型选择器中:先按标签过滤模型使选择器收缩,再次打开过滤器列表时,列表固定向下展开并超出窗口底部,导致下方条目点不到。优先排查并升级到包含修复提交的 dev 或后续正式版本。

快速结论:该问题通常出现在 Open WebUI 聊天输入框底部的模型选择器中:先按标签过滤模型使选择器收缩,再次打开过滤器列表时,列表固定向下展开并超出窗口底部,导致下方条目点不到。优先排查并升级到包含修复提交的 dev 或后续正式版本。

适用环境:Open WebUI v0.11.4 及 dev 分支 743a46b;Docker 安装;Linux;Firefox;Ollama 0.35.1。Issue 未确认其他 Python、CUDA、PyTorch 或显卡环境,因此不做补写。

最快修复方案:使用包含 #32153(commit c65ce18a9aafa9b73c863f76e654d62219c7eee7)的 dev 构建;该提交使模型选择器的过滤器列表在下方空间不足时改为向上展开。官方说明该修复会进入下一个 release。

注意事项:该修复针对的是选择器纵向定位逻辑,不是单纯调整模型标签数量。若仍在旧版本上,窗口高度较小、标签较多时仍可复现;Issue 未提供正式版本号,因此没有可确认的“已发布版本”可直接引用。

问题场景

在 Open WebUI 聊天输入框中打开模型选择器,点击搜索框旁的 All 打开过滤器列表,然后选择只有一两个模型拥有的标签(例如 Audio)。模型选择器随之收缩到窗口底部附近,再次点击过滤器按钮时,列表仍然从按钮下方展开,大部分条目落到窗口外。Issue 报告中 1000 x 640 窗口下有十二个条目,重新打开后列表从窗口下方 545 px 处开始,并超出窗口底部 193 px,十二个条目中有九个不可见;列表固定在窗口上,滚动页面也无法看到被隐藏的条目。

报错原文

issue: the model selector's filter list opens off the bottom of the window

原因分析

可能原因是模型选择器的过滤器列表只处理了水平方向的空间约束,没有根据按钮下方的可视区域高度决定展开方向或限制高度。此前 #29225 由 #29226 修复,解决的是这些列表在窗口水平方向被裁切的问题;纵向空间不足时列表仍固定向下展开,窗口底部附近的聊天输入框因此更容易触发。相关 issue 也指向同一类布局问题:下拉内容尺寸变化后没有重新定位,或没有根据可用视口空间调整位置。

环境排查

  • 确认 Open WebUI 版本:Issue 已验证 v0.11.4 和 dev 743a46b 都会复现。
  • 确认浏览器:Issue 使用 Firefox,未提供其他浏览器验证结果。
  • 确认安装方式:Docker。
  • 确认操作系统:Linux。
  • 确认 Ollama 版本:0.35.1;该问题为浏览器布局问题,Ollama 版本本身不是触发原因。
  • 确认窗口尺寸与标签数量:Issue 使用 1000 x 640 窗口、十二个列表条目;窗口较小且标签较多时更容易观察。
  • Python、CUDA、PyTorch、显卡等环境在 Issue 中未提供,不需要作为排查重点。

解决步骤

  1. 先确认当前 Open WebUI 版本。若为 v0.11.4 或早于修复提交的版本,继续下一步。
  2. 切换到包含 #32153 的 dev 构建,或等待下一个包含该提交的正式版本。修复提交为 c65ce18a9aafa9b73c863f76e654d62219c7eee7。
  3. 升级后重启 Open WebUI 服务,刷新浏览器页面,避免旧前端缓存继续生效。
  4. 重新执行复现步骤:给多个模型添加标签,打开聊天输入框底部的模型选择器,点击 All,选择一个模型很少的标签,再次打开过滤器列表。
  5. 若仍希望临时规避:减少模型标签数量,或使用高度更大的浏览器窗口,使过滤器列表在按钮下方有足够空间。该方式只是规避,不是 Issue 中验证过的正式修复。
  6. 如果升级后仍可在旧版本浏览器缓存中复现,尝试强制刷新或清理站点缓存后重新测试。

验证方法

在聊天输入框位于页面底部、过滤器列表条目较多的情况下,选择只有一两个模型的标签后重新打开过滤器列表。列表应改为在按钮上方展开,或在可视区域内限制高度并可滚动到所有条目;列表不应再从按钮下方展开并伸出窗口底部。Issue 中 #32153 已确认 dev 修复,并计划进入下一个 release。

参考来源

open-webui/open-webui #31914

GamsGo AI

AI 工具推荐

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

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

了解 GamsGo AI

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

这个方案解决了吗?

celebrityanime
celebrityanime
文章: 28953

发表回复

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