adobe / adobe/spectrum-web-components

[Bug]: Overlay popovers have incorrect tip placement in RTL

Open
#5,534 1 comment 0 reactions 0 assignees View on GitHub
bug Component:Overlay Component:Popover SEV missing
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-overlay, sp-popover

### Expected behavior

Popover tip should align with the trigger like in LTR: https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/overlay--default&globals=system:express

### Actual behavior

https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/overlay--default&globals=system:express;textDirection:rtl

### Screenshots

_No response_

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

_No response_

### How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/overlay--default&globals=system:express;textDirection:rtl
2. Open the popover

### 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

Open the linked Storybook overlay example in RTL and compare it with the LTR version first. Then inspect the sp-overlay and sp-popover components to trace tip placement; done means the popover tip aligns with its trigger in RTL as it does in LTR.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, internationalization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.