Fixed spaces not rendered in FF issue

apps/comments-ui/src/index.css

@@ -46,6 +46,11 @@ body {
     color: rgb(212 212 212 / var(--tw-text-opacity));
 }
 
+.ProseMirror * {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
 [contenteditable]:focus {
     outline: 0px solid transparent;
 }

apps/comments-ui/src/utils/editor.js

@@ -25,6 +25,9 @@ export function getEditorConfig({placeholder, autofocus = false, content = ''})
             attributes: {
                 class: `gh-comment-content focus:outline-0`
             }
+        },
+        parseOptions: {
+            preserveWhitespace: 'full'
         }
     };
 }