fix(code-editor): force element that wraps editor to be LTR (#9626)

* fix(code-editor): force element that wraps editor to be LTR * chore: update snaps
patternfly · Sep 18, 2023 · 1c70d68 · 1c70d68
1 parent b1aaf3c
commit 1c70d68
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx
@@ -625,7 +625,7 @@ class CodeEditor extends React.Component<CodeEditorProps, CodeEditorState> {
           );
 
           const editor = (
-            <div className={css(styles.codeEditorCode)} ref={this.wrapperRef} tabIndex={0}>
+            <div className={css(styles.codeEditorCode)} ref={this.wrapperRef} tabIndex={0} dir="ltr">
               <MonacoEditor
                 height={height}
                 width={width}

diff --git a/...act-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap b/...act-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap
@@ -138,6 +138,7 @@ exports[`CodeEditor matches snapshot with all props 1`] = `
         />
         <div
           class="pf-v5-c-code-editor__code"
+          dir="ltr"
           tabindex="0"
         >
           <div
@@ -376,6 +377,7 @@ exports[`CodeEditor matches snapshot without props 1`] = `
     >
       <div
         class="pf-v5-c-code-editor__code"
+        dir="ltr"
         tabindex="0"
       >
         <div