Fix composite bug

WordPress · Jul 2, 2020 · a0ae203 · a0ae203
1 parent 77e32a9
commit a0ae203
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-types-list/index.js b/packages/block-editor/src/components/block-types-list/index.js
@@ -23,6 +23,10 @@ function BlockTypesList( {
 } ) {
 	const composite = useCompositeState();
 	const normalizedItems = includeVariationsInInserterItems( items );
+	const orderId = normalizedItems.reduce(
+		( acc, item ) => acc + '--' + item.id,
+		''
+	);
 
 	return (
 		/*
@@ -36,6 +40,8 @@ function BlockTypesList( {
 			{ ...composite }
 			className="block-editor-block-types-list"
 			aria-label={ label }
+			// This ensures the composite state refreshes when the list order changes.
+			key={ orderId }
 		>
 			{ normalizedItems.map( ( item ) => {
 				return (