Measure textarea before modifying DOM (#90)

cognitoforms · Aug 5, 2024 · 1e9bbfe · 1e9bbfe
1 parent d87e880
commit 1e9bbfe
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/input/src/calcTextareaHeight.js b/packages/input/src/calcTextareaHeight.js
@@ -57,10 +57,6 @@ export default function calcTextareaHeight(
   minRows = 1,
   maxRows = null
 ) {
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement('textarea');
-    targetElement.parentElement.appendChild(hiddenTextarea);
-  }
 
   let {
     paddingSize,
@@ -69,6 +65,11 @@ export default function calcTextareaHeight(
     contextStyle
   } = calculateNodeStyling(targetElement);
 
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement('textarea');
+    targetElement.parentElement.appendChild(hiddenTextarea);
+  }
+
   hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`);
   hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';