summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 09:22:09 +0000
commit43a97878ce14b72f0981164f87f2e35e14151312 (patch)
tree620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html
parentInitial commit. (diff)
downloadfirefox-upstream.tar.xz
firefox-upstream.zip
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html')
-rw-r--r--testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html19
1 files changed, 19 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html b/testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html
new file mode 100644
index 0000000000..c9d8b8fad5
--- /dev/null
+++ b/testing/web-platform/tests/css/css-break/break-at-end-container-edge-004.html
@@ -0,0 +1,19 @@
+<!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/#possible-breaks">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<meta name="assert" content="The last line could fit in the third column, but will be pushed to the fourth, so that we won't have to break between the last line and the container padding">
+<style>
+ .child { display:inline-block; vertical-align:top; width:100%; height:40px; line-height:40px; }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="columns:4; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:1; background:red;">
+ <div style="height:40px; background:green;"></div>
+ <div style="padding-bottom:60px; background:green;">
+ <div class="child"></div>
+ <div class="child"></div>
+ <div class="child"></div>
+ <div class="child"></div>
+ <div class="child"></div>
+ </div>
+</div>