Workaround for Firefox bug with scrollHeight (#353)

* fix: workaround for Firefox bug with scrollHeight See #313 * chore: add changeset * Update .changeset/loud-boats-judge.md --------- Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>
Andarist · Mar 21, 2023 · 19aead9 · 19aead9
1 parent 2301195
commit 19aead9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/loud-boats-judge.md b/.changeset/loud-boats-judge.md
@@ -0,0 +1,5 @@
+---
+'react-textarea-autosize': patch
+---
+
+Workaround for Firefox `scrollHeight` bug affecting textarea's height on a dynamic toggle
diff --git a/src/calculateNodeHeight.ts b/src/calculateNodeHeight.ts
@@ -49,6 +49,9 @@ export default function calculateNodeHeight(
 
   hiddenTextarea.value = value;
   let height = getHeight(hiddenTextarea, sizingData);
+  // Double set and calc due to Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1795904
+  hiddenTextarea.value = value;
+  height = getHeight(hiddenTextarea, sizingData);
 
   // measure height of a textarea with a single row
   hiddenTextarea.value = 'x';