adobe / adobe/spectrum-web-components

[Bug]: For Right to Left region, progress bar percentage (sp-progress-bar) isn't showing the "%" symbol before the number

Open
#5,359 2 comments 0 reactions 0 assignees View on GitHub
bug Component:Progress bar i18n SEV 4
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-progress-bar

### Expected behavior

"%" symbol should be placed before the number for RTL Regions/Languages.

### Actual behavior

When Express regional format settings is set to Turkish, sp-progress-bar controls like used in Animate characters VQA progress bar is not placing the "%" symbol before the number. Also, reproducible on spectrum web components website.

### Screenshots

Image

### 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/components/progress-bar/
2. set direction to RTL
3. see percent symbol on wrong side.

on Express:

1. Go to Express stage (https://stage.projectx.corp.adobe.com/)
2. In app Settings, set the regional Format to Turkish, but keep Language to English
3. Open the Animate characters VQA, and record a short audio clip.
4. Proceed until you see the progress indicator.

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

_No response_

### Severity

SEV 4

### Logs taken while reproducing problem

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the sp-progress-bar component and reproduce the issue from the Spectrum Web Components progress-bar page with direction set to RTL. Verify the percent symbol placement for Turkish regional formatting; done means the symbol appears before the number in RTL settings without changing the normal display.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.