From 96b22eb55714e29f939589813361f8b28e487b0d Mon Sep 17 00:00:00 2001
From: anyone00 <41706133+anyone00@users.noreply.github.com>
Date: Sun, 7 Aug 2022 12:11:56 +0300
Subject: [PATCH] Support RTL text in the input fields (#720)

* Support RTL text in the room input field

set the correct direction for text according to the language written in

* Make all input RTLable

Co-authored-by: Krishan <33421343+kfiven@users.noreply.github.com>
---
 src/app/atoms/input/Input.jsx            | 2 ++
 src/app/organisms/room/RoomViewInput.jsx | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/app/atoms/input/Input.jsx b/src/app/atoms/input/Input.jsx
index d9f79eb..96c9496 100644
--- a/src/app/atoms/input/Input.jsx
+++ b/src/app/atoms/input/Input.jsx
@@ -16,6 +16,7 @@ function Input({
       { resizable
         ? (
           <TextareaAutosize
+            dir="auto"
             style={{ minHeight: `${minHeight}px` }}
             name={name}
             id={id}
@@ -34,6 +35,7 @@ function Input({
           />
         ) : (
           <input
+            dir="auto"
             ref={forwardRef}
             id={id}
             name={name}
diff --git a/src/app/organisms/room/RoomViewInput.jsx b/src/app/organisms/room/RoomViewInput.jsx
index 6387013..1f31ead 100644
--- a/src/app/organisms/room/RoomViewInput.jsx
+++ b/src/app/organisms/room/RoomViewInput.jsx
@@ -337,6 +337,7 @@ function RoomViewInput({
           <ScrollView autoHide>
             <Text className="room-input__textarea-wrapper">
               <TextareaAutosize
+                dir="auto"
                 id="message-textarea"
                 ref={textAreaRef}
                 onChange={handleMsgTyping}