Skip to content

[Bug]: menuitem submenus are not visible on mobile #5076

Open
@nikkimk

Description

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

menuitem, menu, action menu

Expected behavior

When opened, submenus should be visible on mobile.

Actual behavior

When opened, submenus are offscreen.

Screenshots

Image Image

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

  1. On mobile or using the web inspector to toggle mobile device preview, go to https://opensource.adobe.com/spectrum-web-components/storybook/iframe.html?args=&id=action-menu--submenu&viewMode=story
  2. Open the Select some items submenu.
    3. The submenu and its menu items are outside of the viewport.
  3. On mobile or using the web inspector to toggle mobile device preview, go to https://opensource.adobe.com/spectrum-web-components/storybook/iframe.html?args=&id=menu-submenu--submenu&viewMode=story
  4. Toggle the menu closed.
  5. Reopen the menu.
  6. Open the Brooklyn submenu.
    8. The submenu and its menu items are outside of the viewport.

Sample code or abstract reproduction which illustrates the problem

No response

Severity

None

Logs taken while reproducing problem

No response

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions