Index: third_party/WebKit/LayoutTests/fragmentation/forced-break-clearance-unsplittable-content.html |
diff --git a/third_party/WebKit/LayoutTests/fragmentation/forced-break-clearance-unsplittable-content.html b/third_party/WebKit/LayoutTests/fragmentation/forced-break-clearance-unsplittable-content.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c9ea7b5ea721cfec1caccf85e6afd0f19848942d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fragmentation/forced-break-clearance-unsplittable-content.html |
@@ -0,0 +1,12 @@ |
+<!DOCTYPE html> |
+<p>The word "PASS" should be seen below.</p> |
+<div style="columns:3; column-fill:auto; column-gap:0; width:12em; height:50px; line-height:20px;"> |
+ <div style="float:left; width:1px; height:90px;"></div> |
+ <div style="height:45px;"></div> |
+ <!-- At the beginning of layout of the next element, we're at block offset 45px. The forced |
+ break-before should take us to 50px - the next column. Clearance should take us even |
+ further, past the float, so get to block offset 90px. Finally, due to the unbreakable line |
+ inside the block, we need to move on to another new column to make the line fit, so we end |
+ up at 100px, exactly at the top of the third column. --> |
+ <div style="break-before:column; clear:left;">PASS</div> |
+</div> |