Skip to content

MenuButton: A small, square icon button with a kebab menu (⋮) icon, used for opening a dropdown or contextual menu. #1592

@Anxhul10

Description

@Anxhul10

Description
When using the Option component with a menu (e.g., "With Menu", "With Icon", "As User Item"), the popover does not scroll with its parent component. Instead, it remains fixed in place while the triggering element moves out of view.

Steps to reproduce

  1. Go to the https://rocketchat.github.io/fuselage/fuselage/main/?path=/docs/navigation-option--docs
  2. Scroll down to the "With Menu", "With Icon", or "As User Item" sections.
  3. Click on the three-dot menu button to open the popover.
  4. Scroll the page while the menu is open.
  5. Observe that the popover stays fixed in place instead of scrolling with the parent component.
    Insert an image/gif
Screencast.from.2025-03-16.14-31-11.mp4

Expected Behavior

  • The popover should remain attached to the triggering element and scroll along with it or scroll should not work until the popover is closed.

Actual Behavior

  • The popover stays in a fixed position while the triggering element moves out of view.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions