fix Footnotes not saved if the Custom Fields panel is open

shimotmk · Aug 26, 2024 · b0466c6 · b0466c6
1 parent 0e88cda
commit b0466c6
Showing 1 changed file with 22 additions and 10 deletions.
diff --git a/packages/block-library/src/footnotes/edit.js b/packages/block-library/src/footnotes/edit.js
@@ -75,19 +75,31 @@ export default function FootnotesEdit( { context: { postType, postId } } ) {
 							}
 						} }
 						onChange={ ( nextFootnote ) => {
+							const newValue = JSON.stringify(
+								footnotes.map( ( footnote ) => {
+									return footnote.id === id
+										? {
+												content: nextFootnote,
+												id,
+										  }
+										: footnote;
+								} )
+							);
 							updateMeta( {
 								...meta,
-								footnotes: JSON.stringify(
-									footnotes.map( ( footnote ) => {
-										return footnote.id === id
-											? {
-													content: nextFootnote,
-													id,
-											  }
-											: footnote;
-									} )
-								),
+								footnotes: newValue,
 							} );
+							const metaKeyInput = document.querySelector(
+								'input[value="footnotes"]'
+							);
+							const metaId = metaKeyInput
+								? metaKeyInput.id
+								: null;
+							if ( metaId ) {
+								document.querySelector(
+									`#${ metaId.replace( '-key', '-value' ) }`
+								).innerHTML = newValue;
+							}
 						} }
 					/>{ ' ' }
 					<a href={ `#${ id }-link` }>↩︎</a>