react-component / react-component/select

RTL Support

Open
#282 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
938
Forks
482
Avg merge
15h 8m
Merged PRs (30d)
2

Description

I want to add RTL support to react-component libraries and for the first step I choose select component.
what is your preferred solution for this.
using a global css like

body[dir="rtl"] .rc-select {
    /*right to left styles here*/
}

or passing some property like isRTL to component from jsx

<Select isRTL={true} ...>
  ...
</Select>

and change the css class to something is optimized for RTL language

.rc-select-rtl {
    /*right to left styles here*/
}

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files, tests, or entry points are named. First resolve whether RTL should be controlled by global direction CSS or a Select prop, then define the scope and tests needed to demonstrate RTL support for the component.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, internationalization
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.