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
13 lines
630 B
HTML
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>
|