Post content: Add clearfix (#63690)

Add a CSS clearfix to the post content block, to clear aligned (floated) blocks and prevent them from overflowing the content area. Co-authored-by: carolinan <poena@git.wordpress.org> Co-authored-by: MaggieCabrera <onemaggie@git.wordpress.org> Co-authored-by: colorful-tones <colorful-tones@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
WordPress · Aug 1, 2024 · f6a9b02 · f6a9b02
1 parent 30c6dfb
commit f6a9b02
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/block-library/src/post-content/block.json b/packages/block-library/src/post-content/block.json
@@ -54,5 +54,6 @@
 			}
 		}
 	},
+	"style": "wp-block-post-content",
 	"editorStyle": "wp-block-post-content-editor"
 }
diff --git a/packages/block-library/src/post-content/style.scss b/packages/block-library/src/post-content/style.scss
@@ -0,0 +1,5 @@
+.wp-block-post-content::after {
+	content: "";
+	display: table;
+	clear: both;
+}
diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss
@@ -30,6 +30,7 @@
 @import "./paragraph/style.scss";
 @import "./post-author/style.scss";
 @import "./post-comments-form/style.scss";
+@import "./post-content/style.scss";
 @import "./post-date/style.scss";
 @import "./post-excerpt/style.scss";
 @import "./post-featured-image/style.scss";
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,5 +54,6 @@ @@
     			}
     		}
     	},
+    	"style": "wp-block-post-content",
     	"editorStyle": "wp-block-post-content-editor"
     }