Morten Stenshorne
c0e87d72b6
Automatic update from web-platform-tests Support margin-trim on multicol containers. This should be rather straight-forward, since it can only apply to any leading or trailing column spanner. That said, the spec doesn't really say much for multicol containers (like it does for block, flex and grid containers)... Margins inside column (fragmented) content will not propagate through the column boxes, since column boxes establish a new block formatting context [1]. Furthermore, it's not possible to collapse *through* a spanner, since a spanner always establishes an independent formatting context [2]. [1] https://drafts.csswg.org/css-multicol-2/#the-multi-column-model [2] https://drafts.csswg.org/css-multicol-2/#column-span Bug: 40886857 Change-Id: Iaa19ef6110e63105602d2e7d9403fce452d0b5c4 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7544284 Commit-Queue: Morten Stenshorne <mstensho@chromium.org> Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1580775} -- wpt-commits: 325abe5b5421259ef764391009920b129dd5f527 wpt-pr: 57610
12 lines
735 B
HTML
12 lines
735 B
HTML
<!DOCTYPE html>
|
|
<title>Spanner in multicol with trimmed margins, leading column content</title>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim">
|
|
<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="position:absolute; margin-top:60px; width:100px; height:20px; background:green;"></div>
|
|
<div style="columns:2; width:100px; gap:0; margin-trim:block; background:red;">
|
|
<div style="height:120px; background:green;"></div>
|
|
<div style="column-span:all; margin:20px 0; height:20px; background:green;"></div>
|
|
</div>
|