Text Editor: Avoid content loss

WordPress · May 1, 2022 · cac83e2 · cac83e2
1 parent 6fab3c4
commit cac83e2
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/editor/src/components/post-text-editor/index.js b/packages/editor/src/components/post-text-editor/index.js
@@ -7,7 +7,7 @@ import Textarea from 'react-autosize-textarea';
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
+import { useEffect, useState } from '@wordpress/element';
 import { parse } from '@wordpress/blocks';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { useInstanceId } from '@wordpress/compose';
@@ -65,6 +65,16 @@ export default function PostTextEditor() {
 		}
 	};
 
+	// Ensure changes aren't lost when the component unmounts
+	useEffect( () => {
+		return () => {
+			if ( isDirty ) {
+				const blocks = parse( value );
+				resetEditorBlocks( blocks );
+			}
+		};
+	}, [ isDirty, value ] );
+
 	return (
 		<>
 			<VisuallyHidden