Form Block: prioritize form elements in form block inserter

Fixes #31716
Automattic · Nov 22, 2023 · 16569de · 16569de
1 parent d0612a4
commit 16569de
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/projects/packages/forms/changelog/update-form-prioritize-form-innerblocks b/projects/packages/forms/changelog/update-form-prioritize-form-innerblocks
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Forms Block: prioritize the use of form elements in the block inserter inside form blocks.
diff --git a/projects/packages/forms/src/blocks/contact-form/edit.js b/projects/packages/forms/src/blocks/contact-form/edit.js
@@ -60,6 +60,8 @@ const ALLOWED_BLOCKS = [
 	'core/video',
 ];
 
+const PRIORITIZED_INSERTER_BLOCKS = [ ...map( validFields, block => `jetpack/${ block.name }` ) ];
+
 const RESPONSES_PATH = `${ get( getJetpackData(), 'adminUrl', false ) }edit.php?post_type=feedback`;
 const CUSTOMIZING_FORMS_URL = 'https://jetpack.com/support/jetpack-blocks/contact-form/';
 
@@ -343,7 +345,11 @@ export const JetpackContactFormEdit = forwardRef(
 				</InspectorControls>
 
 				<div className={ formClassnames } style={ style } ref={ ref }>
-					<InnerBlocks allowedBlocks={ ALLOWED_BLOCKS } templateInsertUpdatesSelection={ false } />
+					<InnerBlocks
+						allowedBlocks={ ALLOWED_BLOCKS }
+						prioritizedInserterBlocks={ PRIORITIZED_INSERTER_BLOCKS }
+						templateInsertUpdatesSelection={ false }
+					/>
 				</div>
 			</>
 		);