issue: Browser tab flickers violently while resizing the side panel

问题场景

用户在 Open WebUI 中通过 Open Terminal 连接 Chrome，打开 Browser 标签页并加载站点（如 https://example.com），然后拖动聊天区与右侧面板之间的分隔条来放大或缩小右侧面板。拖动过程中视图剧烈闪烁，页面尺寸以慢动作在数秒内逐步变化。

报错原文

issue: Browser tab flickers violently while resizing the side panel

原因分析

根据 Issue 正文的现象描述，最可能的原因是浏览器尺寸在拖动的每一步都被重新下发：一次 60 步的拖动产生了 60 次尺寸更新、66 次帧尺寸变化，视图因此会逐一闪过所有中间尺寸，形成剧烈闪烁和慢动作缩放。也就是说，问题出在面板 resize 逻辑对拖动过程中的尺寸变化没有做合理的合并或节流，而不是站点本身或网络加载失败。

相关 Issue（#28965、#27458、#33439）指向同一类面板 resize 逻辑异常和 resize 触发的 UI 抖动，但均为相近问题，不能直接证明本 Issue 的具体根因，仅作为参考。

环境排查

• 确认 Open WebUI 版本是否为 dev（0.13.3）或相近版本，并核对是否已包含相关面板 resize 的后续改动。
• 确认是否通过 Open Terminal 连接 Chrome，并在 Browser 标签页中复现。
• 确认复现时加载的站点（如 https://example.com），排除特定站点导致的额外重排。
• 观察拖动分隔条时是否出现每一步都触发浏览器尺寸更新（可结合浏览器开发者工具的帧率/重绘信息判断）。
• Issue 未提供 Python、CUDA、PyTorch、显卡或依赖版本信息，这些项目无需作为首要排查项。

解决步骤

1. 先按 Issue 步骤稳定复现：连接 Open Terminal 与 Chrome，打开 Browser 标签页，加载 https://example.com，然后拖动聊天区与右侧面板之间的分隔条，确认闪烁现象。
2. 记录一次完整拖动中出现的尺寸更新次数（Issue 中为 60 步拖动对应 60 次尺寸更新、66 次帧尺寸变化），作为排查基线。
3. 可优先尝试：检查面板 resize 处理逻辑是否在拖动过程中每次都立即下发浏览器尺寸，考虑在拖动期间延迟或合并尺寸更新，仅在拖动结束或达到稳定值后统一下发。
4. 对比相关 Issue #28965（面板 resize 越界与溢出）和 #27458（内容 resize 导致重复定位/抖动）中的处理思路，判断是否为同一类 resize 触发链问题。
5. 若修改来自上游代码，升级到包含对应修复的版本后再复测；若为本地改动，逐一回退 resize 相关改动以定位引入点。

验证方法

重新执行复现步骤：拖动分隔条调整右侧面板大小，视图应跟随面板平滑变化，并在拖动停止后稳定在新尺寸，不再出现逐级闪过中间尺寸的剧烈闪烁；同时确认拖动过程中尺寸更新次数明显减少，而非每一步都触发一次浏览器尺寸变更。

参考来源

open-webui/open-webui #33988

AI 工具推荐

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

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

了解 GamsGo AI

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