adobe / adobe/spectrum-web-components

[Bug]: Nested submenus don't open consistently on Safari

Open
#4,852 2 comments 2 reactions 0 assignees View on GitHub
Browser:Safari bug Component:Menu SEV 1
Dominant language
TypeScript
Stars
1.5k
Forks
262
Avg merge
3d 10h
Merged PRs (30d)
68

Description

### Code of conduct

- [X] I agree to follow this project's code of conduct.

### Impacted component(s)

Menu

### Expected behavior

In the SWC storybook `Menu / Submenu / Submenu` story the 3rd level deep submenu does not consistently open on Safari.

Click on the menu icon.
Hover over Brooklyn
Hover over Ft. Greene
Another second descendent should open

### Actual behavior

It does not open consistently

### Screenshots

https://github.com/user-attachments/assets/920ae3ae-56e5-4d0e-accd-c059903038e8

### What browsers are you seeing the problem in?

Safari

### How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/iframe.html?args=&id=menu-submenu--submenu&viewMode=story
2. Click on the menu icon
3. Hover over Brooklyn
4. Hover over Ft. Greene
5. Notice flyout menu doesn't open

### Sample code or abstract reproduction which illustrates the problem

_No response_

### Severity

SEV 1

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Open the SWC Storybook Menu / Submenu / Submenu story from the reproduction URL and reproduce the third-level flyout failure in Safari. Trace the Menu and Submenu implementation from that story; done means the Ft. Greene child submenu opens consistently in Safari without regressing the documented interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.