Only use a NavigableRegion when the Meta Boxes area is visible.

WordPress · Nov 22, 2024 · 7d9d113 · 7d9d113
1 parent 34e5485
commit 7d9d113
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
@@ -272,10 +272,11 @@ function MetaBoxesMain( { isLegacy } ) {
 		}
 	};
 	const className = 'edit-post-meta-boxes-main';
-	const paneLabel = __( 'Meta Boxes' );
+	const paneLabel = hasAnyVisible ? __( 'Meta Boxes' ) : undefined;
 	let Pane, paneProps;
 	if ( isShort ) {
-		Pane = NavigableRegion;
+		// Only use a NavigableRegion when the Meta Boxes area is visible.
+		Pane = hasAnyVisible ? NavigableRegion : 'div';
 		paneProps = {
 			className: clsx(
 				className,
@@ -286,7 +287,8 @@ function MetaBoxesMain( { isLegacy } ) {
 	} else {
 		Pane = ResizableBox;
 		paneProps = /** @type {Parameters<typeof ResizableBox>[0]} */ ( {
-			as: NavigableRegion,
+			// Only use a NavigableRegion when the Meta Boxes area is visible.
+			as: hasAnyVisible ? NavigableRegion : 'div',
 			ref: metaBoxesMainRef,
 			className: clsx(
 				className,