fix(legacy-markdown-editor): add auto-resize logic for firefox

migteam · Oct 3, 2024 · b0533a5 · b0533a5
1 parent df5738e
commit b0533a5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/content/content.ts b/content/content.ts
@@ -346,6 +346,12 @@ function useLegacyMarkdownEditor() {
                   textarea.addEventListener("keydown", async (event) => {
                     handleMarkdownKeyboardShortcuts(textarea, event);
                     element.innerHTML = await marked.parse(textarea.value);
+
+                    // Auto resize the textarea only on Firefox since it doesn't support the `field-sizing: content` CSS property yet (https://bugzilla.mozilla.org/show_bug.cgi?id=1832409)
+                    if (navigator.userAgent.includes("Firefox")) {
+                      textarea.style.height = "";
+                      textarea.style.height = textarea.scrollHeight + "px";
+                    }
                   });
 
                   const editorWrapper =
@@ -356,7 +362,12 @@ function useLegacyMarkdownEditor() {
 
                   if (editorWrapper && !hasMarkdownEditor) {
                     editorWrapper.insertBefore(textarea, null);
+
                     textarea.focus();
+
+                    if (navigator.userAgent.includes("Firefox")) {
+                      textarea.style.height = textarea.scrollHeight + "px";
+                    }
                   }
                 });
             }