Move block props to the outer wrapper

WordPress · Dec 13, 2020 · e0723a7 · e0723a7
1 parent 072ce27
commit e0723a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/block-library/src/image/edit.js b/packages/block-library/src/image/edit.js
@@ -307,6 +307,7 @@ export function ImageEdit( {
 		'is-resized': !! width || !! height,
 		'is-focused': isSelected,
 		[ `size-${ sizeSlug }` ]: sizeSlug,
+		'list-image': isListItem,
 	} );
 
 	const blockProps = useBlockProps( {
@@ -333,8 +334,8 @@ export function ImageEdit( {
 		return (
 			<>
 				{ controls }
-				<li className="list-image">
-					<figure { ...blockProps }>
+				<li { ...blockProps }>
+					<figure>
 						{ image }
 						{ mediaPlaceholder }
 					</figure>

diff --git a/packages/block-library/src/image/save.js b/packages/block-library/src/image/save.js
@@ -33,6 +33,7 @@ export default function save( { attributes } ) {
 		[ `align${ align }` ]: align,
 		[ `size-${ sizeSlug }` ]: sizeSlug,
 		'is-resized': width || height,
+		'list-image': isListItem,
 	} );
 
 	const image = (
@@ -69,8 +70,8 @@ export default function save( { attributes } ) {
 	const blockProps = useBlockProps.save( { className: classes } );
 	if ( isListItem ) {
 		return (
-			<li className="list-image">
-				<figure { ...blockProps }>{ figure }</figure>
+			<li { ...blockProps }>
+				<figure>{ figure }</figure>
 			</li>
 		);
 	}