Fix entering space on FireFox

Expensify · Sep 11, 2024 · 95e428c · 95e428c
1 parent 5f6bdaa
commit 95e428c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/MarkdownTextInput.web.tsx b/src/MarkdownTextInput.web.tsx
@@ -176,10 +176,11 @@ const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>(
           flattenedStyle && {
             caretColor: (flattenedStyle as TextStyle).color || 'black',
           },
+          multiline && {whitespace: 'pre-wrap'},
           disabled && styles.disabledInputStyles,
           parseToReactDOMStyle(flattenedStyle),
         ]) as CSSProperties,
-      [flattenedStyle, disabled],
+      [flattenedStyle, multiline, disabled],
     );
 
     const undo = useCallback(

diff --git a/src/web/MarkdownTextInput.css b/src/web/MarkdownTextInput.css
@@ -3,6 +3,10 @@
   overflow: auto;
 }
 
+.react-native-live-markdown-input-multiline {
+  white-space: pre-wrap;
+}
+
 .react-native-live-markdown-input-singleline p {
   display: inline-block;
 }