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>
This commit is contained in:
anyone00 2022-08-07 12:11:56 +03:00 committed by GitHub
parent 9187107751
commit 96b22eb557
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 0 deletions

View file

@ -16,6 +16,7 @@ function Input({
{ resizable { resizable
? ( ? (
<TextareaAutosize <TextareaAutosize
dir="auto"
style={{ minHeight: `${minHeight}px` }} style={{ minHeight: `${minHeight}px` }}
name={name} name={name}
id={id} id={id}
@ -34,6 +35,7 @@ function Input({
/> />
) : ( ) : (
<input <input
dir="auto"
ref={forwardRef} ref={forwardRef}
id={id} id={id}
name={name} name={name}

View file

@ -337,6 +337,7 @@ function RoomViewInput({
<ScrollView autoHide> <ScrollView autoHide>
<Text className="room-input__textarea-wrapper"> <Text className="room-input__textarea-wrapper">
<TextareaAutosize <TextareaAutosize
dir="auto"
id="message-textarea" id="message-textarea"
ref={textAreaRef} ref={textAreaRef}
onChange={handleMsgTyping} onChange={handleMsgTyping}