RTL Arabic text rendering broken in VS Code chat panel since v2.1.63 (Windows)

Resolved 💬 4 comments Opened Mar 2, 2026 by GenaxaDev Closed Mar 30, 2026

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

  1. Install Claude Code VS Code extension v2.1.63
  2. Open Claude Code chat panel
  3. Type or receive Arabic text (e.g., "بسم الله الرحمن الرحيم")
  4. 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)

View original on GitHub ↗

This issue has 4 comments on GitHub. Read the full discussion on GitHub ↗