Skip to content

Popover overflow when hovering right-aligned 'more' icon in panel group #903

@zengyumei

Description

@zengyumei

Describe the bug
When multiple panels exist in a panel group and the "more" icon is positioned at the far right edge of the browser window, hovering over the "more" icon causes its popover to overflow beyond the browser window. This makes the popover content partially or completely invisible to users.

To Reproduce
https://codesandbox.io/p/devbox/wild-hooks-snkc4y?workspaceId=ws_LJekYmdyuRmxZrowjSGctJ

Steps to reproduce the behavior:

  1. Open the panel group with multiple panels
  2. Position the "more" icon at the rightmost edge of the browser window
  3. Hover over the "more" icon
  4. Observe the popover extending beyond the viewport

Expected behavior
The popover should right-align with the browser window edge when the "more" icon is at the far right, ensuring all popover content remains fully visible within the viewport.

Screenshots
Image

Desktop (please complete the following information):

  • Chrome
  • 134

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions