Disable zoom out mode for non-iframe editor

Author: t-hamano

packages/block-editor/src/components/inserter/library.js

@@ -27,6 +27,7 @@ function InserterLibrary(
 		onSelect = noop,
 		shouldFocusBlock = false,
 		onClose,
+		isEditorIframed,
 	},
 	ref
 ) {
@@ -58,6 +59,7 @@ function InserterLibrary(
 			shouldFocusBlock={ shouldFocusBlock }
 			ref={ ref }
 			onClose={ onClose }
+			isEditorIframed={ isEditorIframed }
 		/>
 	);
 }

packages/block-editor/src/components/inserter/menu.js

@@ -49,6 +49,7 @@ function InserterMenu(
 		shouldFocusBlock = true,
 		onPatternCategorySelection,
 		onClose,
+		isEditorIframed,
 		__experimentalInitialTab,
 		__experimentalInitialCategory,
 	},
@@ -93,7 +94,7 @@ function InserterMenu(
 		hasSectionRootClientId &&
 		( selectedTab === 'patterns' || selectedTab === 'media' );
 
-	useZoomOut( shouldUseZoomOut && isLargeViewport );
+	useZoomOut( shouldUseZoomOut && isLargeViewport && isEditorIframed );
 
 	const [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =
 		useInsertionPoint( {

packages/editor/src/components/editor-interface/index.js

@@ -128,14 +128,17 @@ export default function EditorInterface( {
 						customSaveButton={ customSaveButton }
 						forceDisableBlockTools={ forceDisableBlockTools }
 						title={ title }
+						isEditorIframed={ ! disableIframe }
 					/>
 				)
 			}
 			editorNotices={ <EditorNotices /> }
 			secondarySidebar={
 				! isPreviewMode &&
 				mode === 'visual' &&
-				( ( isInserterOpened && <InserterSidebar /> ) ||
+				( ( isInserterOpened && (
+					<InserterSidebar isEditorIframed={ ! disableIframe } />
+				) ) ||
 					( isListViewOpened && <ListViewSidebar /> ) )
 			}
 			sidebar={

packages/editor/src/components/header/index.js

@@ -57,6 +57,7 @@ function Header( {
 	forceDisableBlockTools,
 	setEntitiesSavedStatesCallback,
 	title,
+	isEditorIframed,
 } ) {
 	const isWideViewport = useViewportMatch( 'large' );
 	const isLargeViewport = useViewportMatch( 'medium' );
@@ -179,7 +180,7 @@ function Header( {
 					forceIsAutosaveable={ forceIsDirty }
 				/>
 
-				{ isWideViewport && canBeZoomedOut && (
+				{ isWideViewport && canBeZoomedOut && isEditorIframed && (
 					<ZoomOutToggle disabled={ forceDisableBlockTools } />
 				) }
 

packages/editor/src/components/inserter-sidebar/index.js

@@ -20,7 +20,7 @@ import { store as editorStore } from '../../store';
 
 const { PrivateInserterLibrary } = unlock( blockEditorPrivateApis );
 
-export default function InserterSidebar() {
+export default function InserterSidebar( { isEditorIframed } ) {
 	const {
 		blockSectionRootClientId,
 		inserterSidebarToggleRef,
@@ -97,6 +97,7 @@ export default function InserterSidebar() {
 				}
 				ref={ libraryRef }
 				onClose={ closeInserterSidebar }
+				isEditorIframed={ isEditorIframed }
 			/>
 		</div>
 	);