Fix extra whitespace in <wa-textarea> with resize="auto" (#1175)

* fix extra whitespace

* fix the fix

* add changelog

packages/webawesome/docs/docs/resources/changelog.md

@@ -14,9 +14,9 @@ Components with the <wa-badge variant="warning">Experimental</wa-badge> badge sh
 
 - Fixed a bug in `<wa-badge>` where `appearance="pulse"` was not working as expected [pr:1173]
 - Fixed a missing TypeScript type for `<wa-badge>` for its `attention` property missing `bounce` value. [pr:1173]
-- Fixed a bug in `<wa-slider>` that prevented the hint from showing up [pr:1174]
 - Fixed the missing `nanoid` dependency in `package.json` [discuss:1139]
 - Fixed a bug in `<wa-slider>` that prevented the hint from showing up [discuss:1172]
+- Fixed a bug in `<wa-textarea>` where setting `resize="auto"` caused the height of the textarea to double [issue:1155]
 
 ## 3.0.0-beta.2
 

packages/webawesome/src/components/textarea/textarea.css

@@ -2,10 +2,9 @@
   border-width: 0;
 }
 
-/* Shared textarea and size-adjuster positioning */
-.textarea,
-.size-adjuster {
-  grid-area: 1 / 1 / 2 / 2;
+.textarea {
+  display: grid;
+  align-items: center;
   margin: 0;
   border: none;
   outline: none;
@@ -72,6 +71,12 @@ textarea {
   }
 }
 
+/* Shared textarea and size-adjuster positioning */
+.control,
+.size-adjuster {
+  grid-area: 1 / 1 / 2 / 2;
+}
+
 .size-adjuster {
   visibility: hidden;
   pointer-events: none;