What?

Alternative to:

• DataForm Textarea: Add support for resize property #71727

Add a default resize: vertical rule to the textarea component.

Why?

Currently within Gutenberg / the block editor, there's a default resize: vertical rule supplied by WordPress' forms.css file. So, for example, when we use the TextareaControl component within the Image block for alt text, the resize is restricted to vertical only:

However, for folks using the component outside of the block editor (or WordPress) context, this rule might not always be present. A good example is when we use DataForm's textarea control within Storybook, where the story examples for textareas can be resized horizontally, which is unexpected.

So, if we update the component to provide this default, we can ensure that consumers using textarea either via the component, or DataForm, have a more reliable default to work from.

How?

• One-line code change to include a default resize: vertical rule with the TextareaControl component.

Testing Instructions

• Load up Storybook via npm run storybook:dev
• Take a look at the DataForm story and the description field: https://localhost:50240/?path=/story/dataviews-dataform--layout-regular and the TextareaControl story: https://localhost:50240/?path=/story/components-textareacontrol--default
• With this PR applied, those components should only allow vertical resizing

Screenshots or screencast

Before

After