Zoom out: maintain scroll position

packages/block-editor/src/components/iframe/index.js

@@ -19,6 +19,7 @@ import {
 	useMergeRefs,
 	useRefEffect,
 	useDisabled,
+	usePrevious,
 } from '@wordpress/compose';
 import { __experimentalStyleProvider as StyleProvider } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
@@ -320,6 +321,22 @@ function Iframe( {
 	// mode. They're only needed to capture focus in edit mode.
 	const shouldRenderFocusCaptureElements = tabIndex >= 0 && ! isPreviewMode;
 
+	const previousScale = usePrevious( scale );
+
+	// Scroll based on the new scale
+	useEffect( () => {
+		if ( ! iframeDocument ) {
+			return;
+		}
+
+		const { documentElement } = iframeDocument;
+		const { scrollTop, scrollLeft } = documentElement;
+		const delta = 1 + scale - previousScale;
+
+		documentElement.scrollTop = delta * scrollTop;
+		documentElement.scrollLeft = delta * scrollLeft;
+	}, [ scale, previousScale, iframeDocument ] );
+
 	return (
 		<>
 			{ shouldRenderFocusCaptureElements && before }