Skip to content

Popovers inflate iframe scroll height and don't scroll long content in MCP hosts #474

Description

@AngelaZhang915

What happened?

When Prefab renders inside an MCP App iframe, opening a Popover with many items (e.g. a series picker with 200+ checkboxes) causes the host page to grow vertically. The popover content also can't scroll, so items below the fold are unreachable.

Expected: Popover floats over the chart; list scrolls inside ~18rem; iframe/document height unchanged.

Actual: Host scroll area expands when popover opens; long lists overflow with no scroll.

Proposed fix

App-level fixed overlay portal (position:fixed, pointer-events:none host + PortalContainerProvider).
Popover: positionMethod="fixed", pointer-events-auto on popup, max-height + internal overflow-y-auto.
PrefabPopover: scrollable body region below title.
This is a targeted bug fix — no new public API.

Example Code

Version Information

0.0.1.dev584+5cb520a

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working. Reports of errors, unexpected behavior, or broken functionality.rendererRelated to the TypeScript/React renderer.

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions