Fix(NewMessage): adjust items dir based on the selected language. It'…

…s temporary until we find a way to fix the emoji picker on selected language and not on user's language (new text message)

Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>

src/components/NewMessage/NewMessage.vue

@@ -32,7 +32,7 @@
 				@update-new-file-dialog="updateNewFileDialog" />
 
 			<!-- Input area -->
-			<div class="new-message-form__input">
+			<div class="new-message-form__input" :dir="dir">
 				<NewMessageAbsenceInfo v-if="!dialog && userAbsence"
 					:user-absence="userAbsence"
 					:display-name="conversation.displayName" />
@@ -80,7 +80,7 @@
 					:menu-container="containerElement"
 					:placeholder="placeholderText"
 					:aria-label="placeholderText"
-					dir="auto"
+					:dir="text ? 'auto' : undefined"
 					@keydown.esc="handleInputEsc"
 					@keydown.ctrl.up="handleEditLastMessage"
 					@keydown.meta.up="handleEditLastMessage"
@@ -309,6 +309,7 @@ export default {
 	data() {
 		return {
 			text: '',
+			dir: undefined,
 			silentChat: false,
 			// True when the audio recorder component is recording
 			isRecordingAudio: false,
@@ -500,6 +501,13 @@ export default {
 		},
 
 		text(newValue) {
+			if (newValue) {
+				this.$nextTick(() => {
+					this.dir = window.getComputedStyle(this.$refs.richContenteditable.$refs.contenteditable).direction
+				})
+			} else {
+				this.dir = undefined
+			}
 			if (this.currentUploadId && !this.upload) {
 				return
 			} else if (this.dialog && this.broadcast) {