diff --git a/packages/editor/src/hooks/anchor.js b/packages/editor/src/hooks/anchor.js
index 66b1c4f01eef4..3af32e39ef2ac 100644
--- a/packages/editor/src/hooks/anchor.js
+++ b/packages/editor/src/hooks/anchor.js
@@ -98,7 +98,7 @@ export const withInspectorControl = createHigherOrderComponent( ( BlockEdit ) =>
  */
 export function addSaveProps( extraProps, blockType, attributes ) {
 	if ( hasBlockSupport( blockType, 'anchor' ) ) {
-		extraProps.id = attributes.anchor;
+		extraProps.id = attributes.anchor === '' ? null : attributes.anchor;
 	}
 
 	return extraProps;
diff --git a/packages/editor/src/hooks/test/anchor.js b/packages/editor/src/hooks/test/anchor.js
index 74bfa2e20dfc2..21a5c65be83cb 100644
--- a/packages/editor/src/hooks/test/anchor.js
+++ b/packages/editor/src/hooks/test/anchor.js
@@ -62,5 +62,17 @@ describe( 'anchor', () => {
 
 			expect( extraProps.id ).toBe( 'foo' );
 		} );
+
+		it( 'should remove an anchor attribute ID when feild is cleared', () => {
+			const attributes = { anchor: '' };
+			const extraProps = getSaveContentExtraProps( {}, {
+				...blockSettings,
+				supports: {
+					anchor: true,
+				},
+			}, attributes );
+
+			expect( extraProps.id ).toBe( null );
+		} );
 	} );
 } );