Files
sousa-gecko/testing/web-platform/tests/css/css-multicol/column-rule-002.html
T
Morten Stenshorne b6e4b995e8 Bug 1926642 [wpt PR 48778] - Correct paint phase for column rules., a=testonly
Automatic update from web-platform-tests
Correct paint phase for column rules.

We were painting them just before the foreground contents, but they
should be painted just after the multicol border.

There was already a test for scrolling and column rules (which was the
reason why we intentionally did it wrong in the first place) in
fast/multicol/. Convert it into a WPT reftest (column-rule-001.html),
and add a test for correct paint phase (column-rule-002.html).

Bug: 374991969
Change-Id: I5a18f6b6ea02d9baac18a856edd662a7f91f115c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5952468
Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1372958}

--

wpt-commits: 08602eefdf0ae9237dccec0b7959dca95976ee1a
wpt-pr: 48778
2024-10-25 05:09:32 +00:00

13 lines
630 B
HTML

<!DOCTYPE html>
<title>Column rule paint order test</title>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-gaps-and-rules">
<link rel="match" href="column-rule-002-ref.html">
<p>There should be four squares below, on a yellow background.</p>
<div style="columns:3; column-gap:30px; column-rule:30px solid; column-fill:auto; width:180px; height:100px; background:yellow;">
<div style="height:250px;">
<div style="height:30px;"></div>
<div style="width:180px; height:40px; background:yellow;"></div>
</div>
</div>