adobe / adobe/spectrum-web-components

[Bug]: ActionMenu placement="bottom-start" not working when in overlay + modal

Open
#6,101 4 comments 0 reactions 0 assignees View on GitHub
bug Component:Action menu Component:Dialog Component:Overlay Needs repro needs-jira-ticket triage
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-action-menu, sp-overlay, sp-dialog

### Library version

1.11.2

### Expected behavior

When sp-action-menu is used in a sp-dialog with sp-overlay, the `placement="bottom-start"` does not work.

### Actual behavior

Menu opens as if placement is `top`, `top-start`.

### Screenshots

_No response_

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

_No response_

### How can we reproduce this issue?

1. Go to '...'
2. Click on '....'
3. Scroll to '....'
4. Check console
5. See error

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

_No response_

### Severity

None

### Logs taken while reproducing problem

_No response_

### Would you like to track this issue in Jira?

- [x] Yes, please tell me the ticket number!

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with sp-action-menu inside sp-dialog and sp-overlay using placement="bottom-start". Compare the resulting position with the expected bottom-start placement; done means the menu opens in the requested position in this overlay and modal combination.

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
Quiet
Clarity
Needs clarification
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.