Skip to content

[FEATURE]: Add RTL support in UI to Hebrew & Arabic #14257

Closed as not planned
Closed as not planned

Description

@alefbt

Feature hasn't been suggested before.

  • I have verified this feature I'm about to request hasn't been suggested before.

Describe the enhancement you want to request

Add RTL support in UI to Hebrew & Arabic

When Right-to-Left (RTL) support is missing in a React application, several visual and functional bugs occur:

Mirrored Layout: Elements appear on the wrong side of the screen (e.g., sidebars on the left instead of the right).
Text Alignment: Text remains left-aligned, making it difficult to read and breaking the visual hierarchy.
Symbols like period (.) in the begining visually instead in end.
Input Fields: The cursor and text entry start from the left side of the box instead of the right.

example of issues:

Image

Activity

  1. added
    discussionUsed for feature requests, proposals, ideas, etc. Open discussion
    on Feb 19, 2026
  2. github-actions commented on Feb 19, 2026

    @github-actions
    Contributor

    This issue doesn't fully meet our contributing guidelines.

    What needs to be fixed:

    • The description field only restates the title and provides no additional context. Please explain the problem or need — for example, what breaks or is unusable without RTL support, which specific parts of the UI are affected, or any relevant details about how RTL rendering should work.

    Please edit this issue to address the above within 2 hours, or it will be automatically closed.


    This issue might be a duplicate of existing issues. Please check:

    If you believe this was flagged incorrectly, please let a maintainer know.

  3. added
    needs:complianceThis means the issue will auto-close after 2 hours.
    and removed
    needs:complianceThis means the issue will auto-close after 2 hours.
    on Feb 19, 2026
  4. github-actions commented on Feb 19, 2026

    @github-actions
    Contributor

    Thanks for updating the issue! It now meets the contributing guidelines and looks good. We appreciate the clear description and screenshot showing the RTL issues.

  5. MusiCode1 commented on Apr 15, 2026

    @MusiCode1

    I have an RTL branch ready that takes a different approach from the existing PRs — instead of wrapping elements with dir="rtl", it replaces all physical CSS properties and Tailwind classes with logical equivalents across packages/ui and packages/app (67 files):

    • CSS: padding-left → padding-inline-start, right → inset-inline-end, etc.
    • Tailwind: pl- → ps-, pr- → pe-, text-left → text-start, etc.
    • dir="auto" on user content for bidi detection
    • dir="ltr" on code blocks, terminal, switches that should never flip
    • CSS + Tailwind lint tests to prevent regression
    • Playwright e2e test for sidebar flipping

    Would this approach be acceptable before I open a PR? Happy to share the branch for review.

  6. removed
    discussionUsed for feature requests, proposals, ideas, etc. Open discussion
    on May 3, 2026
  7. github-actions commented on Jul 4, 2026

    @github-actions
    Contributor

    To stay organized issues are automatically closed after 60 days of no activity. If the issue is still relevant please open a new one.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions