fix(textarea): fix height logic for autoresize textarea (#11922)

* fix(textarea): fix height logic for autoresize textarea

* fix(textarea): update snapshot

Author: evwilkin

packages/react-core/src/components/TextArea/TextArea.tsx

@@ -62,13 +62,15 @@ class TextAreaBase extends Component<TextAreaProps> {
     const parent = field.parentElement;
     parent.style.setProperty('height', 'inherit');
     const computed = window.getComputedStyle(field);
+    const parentComputed = window.getComputedStyle(parent);
     // Calculate the height
     const height =
       parseInt(computed.getPropertyValue('border-top-width')) +
-      parseInt(computed.getPropertyValue('padding-top')) +
       field.scrollHeight +
-      parseInt(computed.getPropertyValue('padding-bottom')) +
-      parseInt(computed.getPropertyValue('border-bottom-width'));
+      parseInt(computed.getPropertyValue('border-bottom-width')) +
+      parseInt(parentComputed.getPropertyValue('padding-top')) +
+      parseInt(parentComputed.getPropertyValue('padding-bottom'));
+
     parent.style.setProperty('height', `${height}px`);
   };
 

packages/react-core/src/components/TextArea/__tests__/__snapshots__/TextArea.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <span
     class="pf-v6-c-form-control pf-m-textarea pf-m-resize-both pf-m-disabled custom class"
-    style="height: 6px;"
+    style="height: inherit;"
   >
     <textarea
       aria-invalid="false"