From: anyone00 <41706133+anyone00@users.noreply.github.com>
Date: Sun, 7 Aug 2022 09:11:56 +0000 (+0300)
Subject: Support RTL text in the input fields (#720)
X-Git-Tag: v2.1.0~2
X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=96b22eb55714e29f939589813361f8b28e487b0d;p=cinny.git

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>
---

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}