Files
sousa-gecko/testing/web-platform/tests/css/css-multicol/column-height-015.html
T
Morten Stenshorne 3ba255cbe8 Bug 1992853 [wpt PR 55259] - Honor column-height more strictly., a=testonly
Automatic update from web-platform-tests
Honor column-height more strictly.

Resolution here:
https://github.com/w3c/csswg-drafts/issues/11976#issuecomment-3206088562

Don't let spanners disturb the row rhythm, but instead let them consume
from the available row height. Move them to the next row if they don't
fit, and there is already content in the row. Let them overflow
subsequent rows if they are too tall to fit a full row.

Introduce a `%` (modulo) operator to LayoutUnit for this task.

Always make a row as tall as specified. Don't let column balancing or
forced breaks shorten it.

multicol-gap-decorations-007.html is now failing, and it doesn't make
sense, at this time, to change it so that it passes, since it hasn't
been decided how rows should fragment (within an outer fragmentation
context) yet. Mark it as failing.

Bug: 403183884, 440040889
Change-Id: I9002154661db2956030092b97594b6112fb87d76
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7008371
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1532093}

--

wpt-commits: 7231a6d3c2fb95d5ff80d0fe464ef08ba04b02ff
wpt-pr: 55259
2025-10-24 08:59:30 +00:00

13 lines
669 B
HTML

<!DOCTYPE html>
<title>Unused space in last row, column-fill:auto</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-multicol-2/#ch">
<link rel="help" href="https://drafts.csswg.org/css-multicol-2/#cwr">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="width:100px; height:100px; background:red;">
<div style="columns:2; column-height:25px; column-wrap:wrap; gap:0; column-fill:auto; background:green;">
<div style="height:160px;"></div>
</div>
</div>