Fix deleting a field from the Structure panel showing an empty panel

Author: rilwis

assets/app/components/Panels/Structure/Actions.js

@@ -57,7 +57,8 @@ const Actions = ( { field, addFieldBefore, addFieldAfter, duplicateField, remove
 	};
 
 	return (
-		<>
+		// Prevent selecting the field when selecting an action.
+		<div onClick={ e => e.stopPropagation() }>
 			<DropdownMenu className="og-item__actions" icon={ moreVertical } label={ __( 'Select an action', 'meta-box-builder' ) }>
 				{
 					( { onClose } ) => (
@@ -109,7 +110,7 @@ const Actions = ( { field, addFieldBefore, addFieldAfter, duplicateField, remove
 					</Modal>
 				)
 			}
-		</>
+		</div>
 	);
 };
 

assets/app/list-functions.js

@@ -170,11 +170,9 @@ const createList = ( { id = '', fields = [] } ) => {
 			if ( newActiveFieldId ) {
 				// Set the new active field
 				setFieldActive( newActiveFieldId );
-				setNavPanel( 'field-settings' );
 			} else if ( isCurrentListGroup ) {
 				// No fields left in group, set the group as active
 				setFieldActive( currentState.id );
-				setNavPanel( 'field-settings' );
 			} else {
 				// Root list with no fields, set nav panel to field-group-settings
 				setNavPanel( 'field-group-settings' );