Why is there an error displayed on my comfyui interface?

[3qyemo]

Prerequisites

• I am running the latest version of ComfyUI
• I have searched existing issues to make sure this isn't a duplicate
• I have tested with all custom nodes disabled (see how)

What happened?

1. I am using Comfyui Portable Edition
2. Updated to the latest version
3. The browser is Google Chrome
4. UI interface issue (red circle position)
5. Tested Comfyui desktop version without any issues

Steps to Reproduce

default workflow

How is this affecting you?

Visual/UI issue only

ComfyUI Frontend Version

1.25.11

Browser

Chrome/Chromium

Console Errors

Logs

Additional Context

No response

┆Issue is synchronized with this Notion page by Unito

[dosubot]

Hi @3qyemo! I'm Dosu and I’m helping the ComfyUI_frontend team.

The UI error (red circle position) in ComfyUI Portable Edition on Chrome is likely caused by recent layout and rendering changes in the frontend, especially after the major refactor in version 1.25.x. These changes have led to known issues with UI overlap, mispositioned elements, and visual glitches—often due to CSS stacking conflicts or resource loading quirks in the Portable Edition. This is more common in Chrome/Chromium and does not affect the Desktop version or Firefox in the same way [source].

To troubleshoot: try switching the workflow tab position setting from "Topbar (2nd-row)" to "Top Bar" in the settings, check that your user.css file is correctly placed in ComfyUI/user/(username), and consider using the default "dark" color palette if you have custom UI appearance settings [source] [source]. These steps have resolved similar UI display issues for other users. If the problem persists, it may be a side effect of the recent frontend refactor and could require a future update to fully resolve [source].

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[comfyui-wiki]

I can't reproduce it on my end. It seems like the CSS isn't fully loaded

Could you disable all custom nodes and try again? Please refer to this document: https://docs.comfy.org/troubleshooting/custom-node-issues#how-to-disable-all-custom-nodes%3F

[comfyui-wiki]

Or could you provide the browser logs?

[3qyemo]

@dosu @comfyui-wiki I've disabled all nodes and tested in Edge and Chrome. Edge displays the Comfyui interface normally (Figure 1). However, the issue persists in Chrome after switching Comfyui to "Top Bar," "Bottom Bar," and "Disabled" (Figure 2). I suspect Chrome may be failing to properly load Comfyui's front-end files or code. I've attached a screenshot of Chrome's F12 debug mode for reference (Figure 3).

[dosubot]

你的分析很准确，Chrome 下 ComfyUI 前端 UI 问题确实和资源加载、CSS 渲染顺序或浏览器扩展有关，尤其是在 Portable 版和 1.25.x 版本大改后更常见。Edge 正常但 Chrome 异常，说明是浏览器特性或环境差异导致。

建议你按以下顺序排查：

1. 禁用所有 Chrome 扩展（尤其是 Tampermonkey/油猴等），然后刷新页面测试。已知某些扩展会导致 ComfyUI 菜单、布局等异常（如“网页解除”脚本）相关案例。
2. 清除 Chrome 缓存，重启浏览器再访问 ComfyUI。
3. 检查 Chrome DevTools 的 Console 和 Network 面板，看是否有 CSS/JS 资源 404、MIME 错误或加载失败（如 user.css 404、MIME type 错误等），这些会直接导致 UI 样式丢失或错位案例1 案例2。
4. 进入 Chrome 设置（chrome://settings/appearance），将字体大小恢复为“中等”，避免 rem 单位导致的布局错乱相关说明。
5. 关闭 Chrome 指纹保护（chrome://flags#enable-fingerprinting-protection-blocklist），有用户反馈该功能会阻止部分资源加载案例。
6. 在 ComfyUI 设置里尝试将 workflow tab 位置从“Topbar (2nd-row)”切换为“Top Bar”，或切换配色方案为默认 dark，有时能临时规避布局错乱官方建议。

如果上述方法都无效，说明是新版前端的 CSS 兼容性或渲染顺序 bug，需等待后续修复。你可以把 Console/Network 面板的报错截图发出来，便于进一步定位问题。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[3qyemo]

@dosu @comfyui-wiki Tested, it was Tampermonkey that caused the comfyui UI error issue. When Tampermonkey was disabled, the comfyui UI returned to normal.

[DrJKL]

@3qyemo I'll close this for now, but is there any specific userscript you can call out for folks who come across this in the future?