Workflow menu popup truncated

用户在使用 n8n(自托管 Docker 部署,版本 2.31.5)时,点击工作流右上角的“...”按钮,弹出菜单显示不全,底部选项被截断,只能通过滚动条才能访问被隐藏的菜单项,例如“Workflow Settings”。

Workflow menu popup truncated

Workflow menu popup truncated

快速结论:该报错指在 n8n 工作流编辑页面点击右上角“…”按钮后弹出的操作菜单被截断,部分选项(如工作流设置)无法直接看到。优先排查 n8n 版本,该问题已在 2.32.x 版本中修复。

问题场景

用户在使用 n8n(自托管 Docker 部署,版本 2.31.5)时,点击工作流右上角的“…”按钮,弹出菜单显示不全,底部选项被截断,只能通过滚动条才能访问被隐藏的菜单项,例如“Workflow Settings”。

报错原文

Workflow menu popup truncated
(视觉表现:弹出菜单底部被裁切,无清晰滚动提示)

注意:此问题为 UI 行为异常,无终端报错文本,核心表现为菜单栏显示不完整。

原因分析

该问题是 n8n 前端弹出菜单组件在特定浏览器/窗口尺寸或版本下的布局计算缺陷,导致菜单高度超过可视区域且未正确显示滚动条或自动扩展。Issue 中开发者已在 2.32.x 版本中修复此问题,可能原因与菜单容器 CSS 或弹出组件的高度限制逻辑有关。

环境排查

  • n8n 版本:优先检查是否为 2.31.5 或更早版本(需升级至 2.32.x 以上)。
  • 浏览器及版本:确认是否使用 Firefox 140.0(用户 agent 显示),可尝试更换浏览器或更新浏览器版本。
  • 浏览器窗口缩放或分辨率:排查浏览器是否处于缩放状态(如 90% 或 110%)或窗口尺寸过小。
  • Docker 部署环境:确认是否使用自托管 Docker 部署,本问题在 docker 环境下出现,但非独有。

解决步骤

  1. 升级 n8n 到最新版本(≥2.32.x):
    docker pull n8nio/n8n:latest 或按官方文档升级对应版本。
  2. 可优先尝试:在升级前,临时解决方案为在弹出菜单内使用鼠标滚轮或键盘上下键手动滚动,以访问被截断的菜单项。
  3. 重置浏览器缩放至 100% 或调整浏览器窗口大小后重新点击菜单。
  4. 检查自定义 CSS 或浏览器扩展是否干扰了 n8n 前端布局,可尝试无痕模式或禁用扩展后重现问题。

验证方法

升级后,再次点击工作流右上角的“…”按钮,确认弹出菜单完整显示所有选项(如 Workflow Settings、Export、Clone 等),无需滚动即可查看全部菜单项。

参考来源

n8n-io/n8n #34843

GamsGo AI

AI 工具推荐

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

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

了解 GamsGo AI

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

celebrityanime
celebrityanime
文章: 15086

发表回复

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