Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 task done
nikkimk opened this issue Feb 6, 2025 · 1 comment
Open
1 task done

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

nikkimk opened this issue Feb 6, 2025 · 1 comment
Labels
bug Something isn't working Component: Action Menu Component: Menu Discuss w/ design Needs insight from Spectrum or another designer jira ticket created triage An issue needing triage

Comments

@nikkimk
Copy link
Contributor

nikkimk commented Feb 6, 2025

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

@nikkimk nikkimk added bug Something isn't working Component: Action Menu Component: Menu Discuss w/ design Needs insight from Spectrum or another designer needs jira ticket triage An issue needing triage labels Feb 6, 2025
@najikahalsema
Copy link
Collaborator

swc-671

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Component: Action Menu Component: Menu Discuss w/ design Needs insight from Spectrum or another designer jira ticket created triage An issue needing triage
Projects
None yet
Development

No branches or pull requests

2 participants