summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-break/overflow-clip-011.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/css-break/overflow-clip-011.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-break/overflow-clip-011.html')
-rw-r--r--testing/web-platform/tests/css/css-break/overflow-clip-011.html16
1 files changed, 16 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-break/overflow-clip-011.html b/testing/web-platform/tests/css/css-break/overflow-clip-011.html
new file mode 100644
index 0000000000..cea0110c22
--- /dev/null
+++ b/testing/web-platform/tests/css/css-break/overflow-clip-011.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#fragmentation-model">
+<link rel="help" href="https://www.w3.org/TR/css-overflow-3/#overflow-properties">
+<meta name="assert" content="The spec says that when breakable content would overflow a fragmentainer in the block dimension, it breaks into the next container in its fragmentation context. If a container has clipped overflow, and the container ends before the fragmentation line, though, breakable content inside it can never overflow the fragmentainer, and as such, no additional fragmentainers should be generated.">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+ fieldset { margin:0; border:none; padding:0; }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="columns:5; column-gap:20px; column-rule:20px solid green; column-fill:auto; width:180px; height:100px;">
+ <fieldset style="overflow:clip; max-height:300px;">
+ <div style="height:300px; background:green;"></div>
+ <div style="height:200px; background:red;"></div>
+ <div style="break-before:column; height:10px; background:red;"></div>
+ </fieldset>
+</div>