claude-code - 💡(How to fix) Fix RTL support for chat panel (Hebrew/Arabic users) [1 comments, 2 participants]

TL;DR

Adding support for RTL languages in the Claude Code chat panel likely requires modifying the chat webview to dynamically set the dir attribute based on the input text direction.

Guidance

• Investigate using the dir attribute with a value of auto to enable automatic direction detection for the chat input and response text.
• Consider adding a setting or toggle to allow users to manually switch between LTR and RTL layouts.
• Review the chat webview's HTML structure to ensure it can accommodate RTL text rendering without breaking the existing layout.
• Look into using CSS properties like unicode-bidi or direction to control the text direction, in case the dir attribute is not sufficient.

Example

<!-- Example of dynamic dir attribute -->
<div id="chat-input" dir="auto"></div>

Notes

The solution may require additional styling or layout adjustments to ensure proper rendering of RTL text. The dir attribute's behavior might vary across different browsers or platforms.

Recommendation

Apply a workaround by adding a setting or toggle for RTL layout, as this seems to be a more feasible short-term solution given the current hardcoded dir="ltr" value.