LinearProgress and Switch should not be flipped in right-to-left themes
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
RTL does not work correctly in progress bar and switch btns with styleProvider
hi
i use styleProvider for making rtl based on docs and everything works correct but linear progress bar and switch component are completely wrong and they are fliped
here is sandBox:
https://codesandbox.io/s/material-demo-forked-08r6g?file=/index.js
i would like switch button off state goes to left and progress bar start from left side
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox, especially index.js, and reproduce the LinearProgress and Switch behavior under the documented styleProvider RTL setup. Done means the Switch off state moves left and the progress bar starts from the left in right-to-left themes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend, internationalization
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100