fix: fix RTL text direction in multi-line input field

fixes #739 and fixes #169
chhoumann · Nov 17, 2024 · 6dda1a0 · 6dda1a0
1 parent 085fd45
commit 6dda1a0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/gui/GenericWideInputPrompt/GenericWideInputPrompt.ts b/src/gui/GenericWideInputPrompt/GenericWideInputPrompt.ts
@@ -80,6 +80,7 @@ export default class GenericWideInputPrompt extends Modal {
 		const textComponent = new TextAreaComponent(container);
 
 		textComponent.inputEl.classList.add("wideInputPromptInputEl");
+		textComponent.inputEl.setAttribute("dir", "auto");
 		textComponent
 			.setPlaceholder(placeholder ?? "")
 			.setValue(value ?? "")

diff --git a/src/styles.css b/src/styles.css
@@ -46,6 +46,8 @@
 		width: 20rem;
 		max-width: 100%;
 		height: 3rem;
+		direction: inherit;
+		text-align: inherit;
 	}
 }
 
@@ -67,6 +69,8 @@
 		width: 30rem;
 		max-width: 100%;
 		height: 20rem;
+		direction: inherit;
+		text-align: inherit;
 	}
 }
 
@@ -88,6 +92,8 @@
 		width: 40rem;
 		max-width: 100%;
 		height: 20rem;
+		direction: inherit;
+		text-align: inherit;
 	}
 }