RTL Arabic text rendering broken in VS Code chat panel since v2.1.63 (Windows)
Description
Arabic text renders reversed/garbled in the Claude Code VS Code chat panel since v2.1.63. Characters within words are reversed, making text completely unreadable. This is a Windows + Arabic report — existing reports are macOS/Linux with Hebrew/Persian.
Root Cause
The webview index.css contains:
* { direction: ltr; unicode-bidi: bidi-override; }
unicode-bidi: bidi-override forces all text LTR, breaking the browser's native Unicode Bidirectional Algorithm.
Reproduction Steps
- Install Claude Code VS Code extension v2.1.63
- Open Claude Code chat panel
- Type or receive Arabic text (e.g., "بسم الله الرحمن الرحيم")
- Text appears with reversed character order — unreadable
Expected Behavior
Arabic text should render right-to-left using the browser's built-in BIDI algorithm. Claude Desktop app handles Arabic correctly.
Workaround
Downgraded to v2.1.61 — Arabic renders correctly on that version.
Suggested Fix
* { direction: ltr; unicode-bidi: normal; }
This allows the native BIDI algorithm to handle RTL text while keeping overall LTR layout.
Environment
- VS Code version: 1.109.5
- Extension version: 2.1.63 (bug), 2.1.61 (working)
- OS: Windows 11 Pro 10.0.26200
- Language affected: Arabic
- Platform: win32-x64
Related Issues
- #29658 (Hebrew, macOS)
- #29662 (Persian, macOS/Cursor)
- #29754 (Persian, Linux)
- PR #29759 (proposed fix)
This issue has 4 comments on GitHub. Read the full discussion on GitHub ↗