Better behavior for hidden blocks

t-hamano · t-hamano · commit ff7a8d559197 · 2025-10-01T20:05:52.000+09:00
diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss
@@ -93,6 +93,25 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 		}
 	}
 
+
+	// Hidden blocks.
+	// In order for the block toolbar to render correctly, blocks cannot be hidden.
+	// Instead, use styles to visually hide blocks.
+	.block-editor-block-list__block.is-block-hidden {
+		visibility: hidden;
+		overflow: hidden;
+		height: 0;
+		border: none !important;
+		padding: 0 !important;
+	}
+
+	&.is-layout-flex:not(.is-vertical) > .is-block-hidden {
+		width: 0;
+		height: auto;
+		align-self: stretch;
+		white-space: nowrap !important;
+	}
+
 	// Re-enable it on components inside.
 	[class^="components-"] {
 		user-select: text;
@@ -187,17 +206,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b
 	&[data-clear="true"] {
 		float: none;
 	}
-
-	// Hidden blocks.
-	// In order for the block toolbar to render correctly, blocks cannot be hidden.
-	// Instead, use styles to visually hide blocks.
-	&.is-block-hidden {
-		visibility: hidden !important;
-		height: 0 !important;
-		overflow: hidden !important;
-		border: none !important;
-		padding: 0 !important;
-	}
 }
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline) {
