adobe / adobe/spectrum-web-components

[Bug]: Submenu flashes and is hard to interact with on iPad

Open
#5,306 1 comment 0 reactions 0 assignees View on GitHub
bug Component:Menu iOS SEV 2
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)

sp-menu

### Expected behavior

Users should be able to easily open and click on submenu items

### Actual behavior

Submenu flashes and is hard to interact with.

### Screenshots

https://github.com/user-attachments/assets/ee402eab-6b1f-4ffa-a21a-59bca3b2e709

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

Safari

### How can we reproduce this issue?

See attached video & code link

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

https://studio.webcomponents.dev/edit/LO90CFJernleRMapeIGo/src/index.ts?p=stories

### Severity

SEV 2

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-menu component and reproduce the issue on an iPad using Safari. Use the linked Web Components Studio sample and attached video to compare the flashing submenu with the expected interaction. Done means submenu items open reliably and can be clicked without flashing.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 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.