Skip to content

Web UI status popover: MCP/plugin list cannot be scrolled (no max-height) #43668

Closed

Description

@nico2525nn

Summary

In the Web UI, the status popover (top-right status icon) shows MCP servers and plugins in tabs, but the list has no max-height or scroll container. With many entries (e.g., 82 plugins) the list stretches beyond the viewport and cannot be scrolled, so lower items are unreachable.

Environment

Reproduction

  1. Open the Web UI and click the status icon at the top right
  2. Open the plugins tab (or MCP/LSP tab)
  3. With a large number of entries the list extends past the viewport; wheel/trackpad scrolling does not move the list
  4. Lower entries are invisible and unreachable

Expected Behavior

The popover list should scroll (max-height with overflow-y auto) so all entries are reachable.

Actual Behavior

The list has no max-height and no scroll container. The Tabs component uses overflow-hidden and the tab content is a plain flex column, so there is no scroll target; scrolling falls through to the page.

Additional Context

  • Root cause: packages/app/src/components/status-popover.tsx / status-popover-body.tsx render the lists without a scroll container
  • CSS only adds overflow-y: auto to tabs-content for data-orientation="vertical", which this popover does not use

Suggested fix

  • Add max-height (e.g., 60vh) and overflow-y-auto to the popover body or tab content
  • Or wrap the entry lists in a scroll-view container

Related known issues (similar popover/file-tree rendering gaps, not this exact symptom searched under issue)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions