From ee73b19704c6430a269008c9c1315c549f81b1a7 Mon Sep 17 00:00:00 2001
From: ChaotiCryptidz <chaoticryptidz@owo.monster>
Date: Tue, 11 Jan 2022 13:01:02 +0000
Subject: [PATCH] fix code block and code editor display on rtl languages by
 forcing ltr view.

---
 src/ui/elements/CodeBlock.tsx  | 1 +
 src/ui/elements/CodeEditor.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/elements/CodeBlock.tsx b/src/ui/elements/CodeBlock.tsx
index a517466..0c78bc6 100644
--- a/src/ui/elements/CodeBlock.tsx
+++ b/src/ui/elements/CodeBlock.tsx
@@ -16,6 +16,7 @@ export function CodeBlock(props: CodeBlockProps): JSX.Element {
   return (
     <pre
       class="code-block language-json line-numbers"
+      dir="ltr"
       dangerouslySetInnerHTML={{ __html: highlightedCode }}
     />
   );
diff --git a/src/ui/elements/CodeEditor.tsx b/src/ui/elements/CodeEditor.tsx
index 7f11b0e..367eaf4 100644
--- a/src/ui/elements/CodeEditor.tsx
+++ b/src/ui/elements/CodeEditor.tsx
@@ -50,7 +50,7 @@ export class CodeEditor extends Component<CodeEditorProps, unknown> {
 
   render(): JSX.Element {
     return (
-      <div class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
+      <div dir="ltr" class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
     );
   }
 }