From be8fcc98c5b47a1f7f43239fcb0eb7947d7005e2 Mon Sep 17 00:00:00 2001 From: MusiCode Date: Wed, 18 Mar 2026 02:35:34 +0000 Subject: [PATCH] fix(rtl): force scrollbar to right in RTL textarea, buttons at inline-end Use direction:ltr on the textarea in RTL mode to keep scrollbar on the right (start side). Nav buttons remain at inset-inline-end (left/end in RTL). Swap padding so left gets 2.5rem (for buttons) and right 0.75rem (for scrollbar gap). Co-Authored-By: Claude Sonnet 4.6 --- packages/ui/src/styles/messaging/prompt-input.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/ui/src/styles/messaging/prompt-input.css b/packages/ui/src/styles/messaging/prompt-input.css index 64c6d99a..32a00718 100644 --- a/packages/ui/src/styles/messaging/prompt-input.css +++ b/packages/ui/src/styles/messaging/prompt-input.css @@ -85,7 +85,7 @@ .prompt-nav-buttons { position: absolute; top: 0.25rem; - right: 0.25rem; + inset-inline-end: 0.25rem; bottom: 0.25rem; display: flex; flex-direction: column; @@ -160,6 +160,15 @@ @apply opacity-60 cursor-not-allowed; } +/* In RTL: force scrollbar to the right (start), buttons stay at inset-inline-end (left/end) */ +[dir="rtl"] .prompt-input { + direction: ltr; + text-align: right; + unicode-bidi: plaintext; + padding-left: 2.5rem; + padding-right: 0.75rem; +} + .prompt-input::placeholder { color: var(--text-muted); }