summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html')
-rw-r--r--testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html12
1 files changed, 12 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html b/testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html
new file mode 100644
index 0000000000..1ba22353c0
--- /dev/null
+++ b/testing/web-platform/tests/css/css-break/tall-float-pushed-to-next-fragmentainer-002.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
+<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
+<meta name="assert" content="A float that doesn't fit in the current fragmentainer will be pushed to next fragmentainer, while subsequent content may still fit in the former fragmentainer, but it still needs to apply clearance as needed.">
+<p>Test passes if there is a filled green square.</p>
+<div style="columns:3; column-fill:auto; column-gap:0; width:150px; height:120px;">
+ <div style="height:100px; background:green;"></div>
+ <div style="float:right; width:10px; line-height:100px; background:green;"><br></div>
+ <div style="float:left; width:40px; line-height:60px; background:green;"><br></div>
+ <div style="clear:left; height:40px;background:green;"></div>
+</div>