Skip to content

bug: 长页面向下滚动时,左侧菜单栏高度排版异常 #76

@leonadoor

Description

@leonadoor

Do not report security issues here. See
SECURITY.md for the
private reporting process.

Summary

在具有较长表单的页面(如“新建项目”页)向下滚动时,左侧导航菜单栏没有固定在视口侧边,而是跟随页面整体高度拉长,导致在长页面底部无法直接点击菜单项。

Environment

  • Deployment: local dev
  • OS: windows 11
  • Docker / Docker Compose version:
  • Browser or client: Firefox browser
  • Commit or version: v0.2.1

Steps To Reproduce

  1. 登录 HALF 系统,选择项目,点击右上角进入“新建项目”页面。
  2. 在新建项目表单中,向下滚动页面直到完全越过首屏高度(例如滚动到底部的 Agent 选择区域)。
  3. 尝试在当前滚动位置,点击左侧导航栏的“智能体”或“流程模版”菜单。

Expected Behavior

左侧菜单栏(侧边栏)应该采用 stickyfixed 定位,高度始终占满当前视口(100vh),无论右侧主内容区滚动到哪里,菜单始终可见且贴边。

Actual Behavior

左侧导航菜单栏没有固定在视口侧边。当主内容区滚动到底部时,左侧菜单栏由于随页面整体高度拉长,可视区域变为空。必须手动滚动回页面最顶端,才能看到并点击菜单项。

Logs Or Screenshots

Add any relevant logs, screenshots, or API responses.

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:frontendFrontend / React / UI related

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions