Textarea Component: Add default resize vertical rule (#71736)

andrewserong · oandregal · mirka · web-flow · commit 141e56ac23ab · 2025-09-22T08:46:00.000+10:00
* Textarea Component: Add default resize vertical rule

* Add changelog entry

* Fix changelog entry

Co-authored-by: andrewserong &lt;andrewserong@git.wordpress.org&gt;
Co-authored-by: oandregal &lt;oandregal@git.wordpress.org&gt;
Co-authored-by: mirka &lt;0mirka00@git.wordpress.org&gt;
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   `TextareaControl`: Add default resize: vertical rule ([#71736](https://github.com/WordPress/gutenberg/pull/71736)).
+
 ## 30.4.0 (2025-09-17)
 
 ### Bug Fixes
diff --git a/packages/components/src/textarea-control/styles/textarea-control-styles.ts b/packages/components/src/textarea-control/styles/textarea-control-styles.ts
@@ -39,6 +39,7 @@ export const StyledTextarea = styled.textarea`
 	line-height: 20px;
 	background: ${ COLORS.theme.background };
 	color: ${ COLORS.theme.foreground };
+	resize: vertical;
 
 	// Vertical padding is to match the standard 40px control height when rows=1,
 	// in conjunction with the 20px line-height.
