Factor in frameSize to “default” scaling

WordPress · Jul 12, 2024 · a56dda1 · a56dda1
1 parent e2009a8
commit a56dda1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/iframe/index.js b/packages/block-editor/src/components/iframe/index.js
@@ -235,7 +235,7 @@ function Iframe( {
 				);
 				defaultView.frameElement.style.setProperty(
 					'--wp-block-editor-iframe-zoom-out-inset',
-					inset === 'number' ? `${ inset }px` : inset
+					inset
 				);
 			} else {
 				documentElement.classList.remove( 'is-zoomed-out' );
@@ -267,7 +267,9 @@ function Iframe( {
 			refZoomOutStatus.current.effect = ( isActive, nextWidth ) => {
 				if ( isActive ) {
 					const { priorContainerWidth } = refZoomOutStatus.current;
-					actualizeZoom( nextWidth / priorContainerWidth, frameSize );
+					nextWidth -= frameSize * 2;
+					const nextScale = nextWidth / priorContainerWidth;
+					actualizeZoom( nextScale, `${ frameSize }px` );
 					clearTimeout( refZoomOutStatus.current.timerId );
 					refZoomOutStatus.current.timerId = setTimeout( () => {
 						refZoomOutStatus.current.effect = null;

diff --git a/packages/editor/src/components/visual-editor/index.js b/packages/editor/src/components/visual-editor/index.js
@@ -341,7 +341,7 @@ function VisualEditor( {
 	const zoomOutProps = isZoomOutMode
 		? {
 				scale: 'default',
-				frameSize: '48px',
+				frameSize: 48,
 		  }
 		: {};