Add "stretch" as option on Row block. 

## What problem does this address?
It's currently not possible to use `align-items:stretch` to make items inside a `row block` vertically fill the space available. 

While `stretch` is the default for a flex item in CSS, I am not able to use that in the block editor. 
<img width="357" alt="Screen Shot 2022-05-23 at 4 52 17 PM" src="https://user-images.githubusercontent.com/7538525/170068646-6fd99b55-ab2b-401d-a672-2933abd3d511.png">



## What is your proposed solution?
Add "stretch" to the available options, alongside `Align top`, `Align middle`, and `Align bottom`.

https://github.com/WordPress/gutenberg/blob/c761edb877a9581a66cb9a3679c86fd6e3d0792d/packages/block-editor/src/components/block-vertical-alignment-control/ui.js#L12-L25


	const BLOCK_ALIGNMENTS_CONTROLS = {
	top: {
	icon: alignTop,
	title: _x( 'Align top', 'Block vertical alignment setting' ),
	},
	center: {
	icon: alignCenter,
	title: _x( 'Align middle', 'Block vertical alignment setting' ),
	},
	bottom: {
	icon: alignBottom,
	title: _x( 'Align bottom', 'Block vertical alignment setting' ),
	},
	};

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add "stretch" as option on Row block. #41280

johnstonphilip
openedon May 24, 2022

What problem does this address?

What is your proposed solution?

Assignees

Labels

Type

Projects

Milestone

Relationships

Development