שפות RTL (מימין לשמאל) כמו **עברית** ו**ערבית** מוצגות בצורה שגויה בפאנל של Claude Code בתוך VS Code / Cursor הטקסט מופיע הפוך ולא קריא.
Preflight Checklist
- [x] I have searched existing issues and this hasn't been reported yet
- [x] This is a single bug report (please file separate reports for different bugs)
- [x] I am using the latest version of Claude Code
What's Wrong?
RTL (Right-to-Left) languages such as Hebrew and Arabic render incorrectly in the Claude Code VS Code/Cursor extension panel. Text appears garbled, reversed, or unreadable.
What Should Happen?
-CSS של התוסף (webview/index.css) קיים כלל גלובלי:
* {
direction: ltr;
unicode-bidi: bidi-override;
}
הערך bidi-override מכריח את כל הטקסט להיות מוצג משמאל לימין, ודורס את האלגוריתם הדו-כיווני (BiDi) של הדפדפן. כתוצאה מכך, תווים בעברית/ערבית מוצגים בסדר הפוך.
תיקון ידני (Workaround)
שימו לב: יש לבצע את התיקון מחדש אחרי כל עדכון של התוסף.
מיקום הקובץ:
- VS Code:
~/.vscode/extensions/anthropic.claude-code-<version>/webview/index.css - Cursor:
~/.cursor/extensions/anthropic.claude-code-<version>-win32-x64/webview/index.css
שלבים:
- סגרו את VS Code / Cursor
- פתחו את הקובץ
index.cssבעורך טקסט - חפשו את הביטוי
unicode-bidi:bidi-override - החליפו ב-
unicode-bidi:normal - שמרו את הקובץ ופתחו מחדש את VS Code / Cursor
הטקסט בעברית/ערבית אמור להיות מוצג כראוי מעכשיו.
---
לפני:
<img width="687" height="513" alt="Image" src="https://github.com/user-attachments/assets/532c946f-adf9-4bc8-ba7d-d1c88067fd52" />
אחרי:
<img width="638" height="324" alt="Image" src="https://github.com/user-attachments/assets/5af3ec4b-acb6-41a7-99d7-36d66be2018d" />
Error Messages/Logs
Steps to Reproduce
Change the global CSS rule from:
* { direction: ltr; unicode-bidi: bidi-override; }
to:
* { direction: ltr; unicode-bidi: normal; }
This keeps the default direction as LTR (appropriate for code) while allowing the browser's native bidi algorithm to handle RTL characters correctly.
Alternatively, unicode-bidi: plaintext could be used, which is already applied to some elements in the CSS (e.g., .fileDirectoryDirectionReset, .directoryPathDirectionReset).
Workaround (Manual Fix)
Note: This workaround must be re-applied after every extension update.
File location:
- VS Code:
~/.vscode/extensions/anthropic.claude-code-<version>/webview/index.css - Cursor:
~/.cursor/extensions/anthropic.claude-code-<version>-win32-x64/webview/index.css
Steps:
- Close VS Code / Cursor
- Open the
index.cssfile in a text editor - Search for
unicode-bidi:bidi-override - Replace with
unicode-bidi:normal - Save the file and reopen VS Code / Cursor
---
מדריך לתיקון (עברית) — Workaround Guide in Hebrew
בעיה
שפות RTL (מימין לשמאל) כמו עברית וערבית מוצגות בצורה שגויה בפאנל של Claude Code בתוך VS Code / Cursor. הטקסט מופיע הפוך ולא קריא.
סיבת השורש
ב-CSS של התוסף (webview/index.css) קיים כלל גלובלי:
* {
direction: ltr;
unicode-bidi: bidi-override;
}
הערך bidi-override מכריח את כל הטקסט להיות מוצג משמאל לימין, ודורס את האלגוריתם הדו-כיווני (BiDi) של הדפדפן. כתוצאה מכך, תווים בעברית/ערבית מוצגים בסדר הפוך.
תיקון ידני (Workaround)
שימו לב: יש לבצע את התיקון מחדש אחרי כל עדכון של התוסף.
מיקום הקובץ:
- VS Code:
~/.vscode/extensions/anthropic.claude-code-<version>/webview/index.css - Cursor:
~/.cursor/extensions/anthropic.claude-code-<version>-win32-x64/webview/index.css
שלבים:
- סגרו את VS Code / Cursor
- פתחו את הקובץ
index.cssבעורך טקסט - חפשו את הביטוי
unicode-bidi:bidi-override - החליפו ב-
unicode-bidi:normal - שמרו את הקובץ ופתחו מחדש את VS Code / Cursor
הטקסט בעברית/ערבית אמור להיות מוצג כראוי מעכשיו.
Claude Model
Not sure / Multiple models
Is this a regression?
Yes, this worked in a previous version
Last Working Version
_No response_
Claude Code Version
v2.1.68
Platform
Anthropic API
Operating System
Windows
Terminal/Shell
Cursor
Additional Information
- Extension: Claude Code (Anthropic) v2.1.68
- Editors: VS Code, Cursor
- OS: Windows 11, macOS, Linux (all affected)
- Affected Languages: Hebrew, Arabic, and any other RTL script
This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗