Skip to content

Commit e1fa269

Browse files
mstenshochromium-wpt-export-bot
mstensho
authored and
chromium-wpt-export-bot
committed
Tell the column balancer that border/padding is unbreakable.
Make sure that we attempt to make the columns at least as tall as any block-start / block-end border+padding+scrollbar, since we're never going to break inside such things. Bug: 829028 Change-Id: I28b9d472c46f559ad87c28097d75efc45df0608b Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3122190 Commit-Queue: Morten Stenshorne <[email protected]> Reviewed-by: Alison Maher <[email protected]> Reviewed-by: Ian Kilpatrick <[email protected]> Cr-Commit-Position: refs/heads/main@{#915714}
1 parent 2570be3 commit e1fa269

File tree

2 files changed

+42
-0
lines changed

2 files changed

+42
-0
lines changed

‎css/css-multicol/multicol-fill-balance-010.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
3+
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf">
4+
<style>
5+
#container {
6+
columns: 2;
7+
width: 100px;
8+
column-gap: 0;
9+
background: green;
10+
}
11+
</style>
12+
<p>Test passes if there is a filled green square below.</p>
13+
<div id="container" data-expected-height="100">
14+
<div style="padding-top:50px; border-top:50px solid green;"></div>
15+
</div>
16+
<script src="/resources/testharness.js"></script>
17+
<script src="/resources/testharnessreport.js"></script>
18+
<script src="/resources/check-layout-th.js"></script>
19+
<script>
20+
checkLayout("#container");
21+
</script>

‎css/css-multicol/multicol-fill-balance-011.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
3+
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#cf">
4+
<style>
5+
#container {
6+
columns: 2;
7+
width: 100px;
8+
column-gap: 0;
9+
background: green;
10+
}
11+
</style>
12+
<p>Test passes if there is a filled green square below.</p>
13+
<div id="container" data-expected-height="100">
14+
<div style="padding-bottom:50px; border-bottom:50px solid green;"></div>
15+
</div>
16+
<script src="/resources/testharness.js"></script>
17+
<script src="/resources/testharnessreport.js"></script>
18+
<script src="/resources/check-layout-th.js"></script>
19+
<script>
20+
checkLayout("#container");
21+
</script>

0 commit comments

Comments
 (0)