Files
Morten Stenshorne 88a1781292 Bug 1832047 [wpt PR 39901] - Pre-paint: Use ancestor fragments when walking a missed child., a=testonly
Automatic update from web-platform-tests
Pre-paint: Use ancestor fragments when walking a missed child.

Find and use the right fragments for ancestors between the containing
block (fragmentainer) and the missed OOF descendant, when possible.

There are cases where we miss an OOF child, but still have some of the
ancestors represented in the current fragmentainer. We need to find
them, so that we can use the correct paint offset and size.

The clipping issues mentioned in crbug.com/1442211 will be dealt with in
a follow-up CL. We still don't apply any clipping on ancestors when
walking a missed child.

Bug: 1442211
Change-Id: I4fcb0e7260829070d6a5f66f6785b3897fb00f90
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4513908
Reviewed-by: Alison Maher <[email protected]>
Commit-Queue: Morten Stenshorne <[email protected]>
Reviewed-by: Xianzhu Wang <[email protected]>
Cr-Commit-Position: refs/heads/main@{#1142377}

--

wpt-commits: 06c34efac3bd23bf49660d07cd88db2b97d75a96
wpt-pr: 39901
2023-05-21 22:45:19 +00:00

19 lines
1.0 KiB
HTML

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:[email protected]">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1442211">
<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="display:flow-root; position:relative; width:100px; height:100px; background:red;">
<div style="position:absolute; width:25%; height:40px; background:green;"></div>
<div style="position:absolute; right:0; top:0; width:25%; height:30px; background:green;"></div>
<div style="position:absolute; right:0; bottom:0; width:25%; height:30px; background:green;"></div>
<div style="margin-top:50px; columns:4; gap:0; column-fill:auto; height:50px;">
<div style="height:20px;"></div>
<div style="transform:scaleY(2); transform-origin:bottom; height:150px;">
<div>
<div style="position:absolute; width:100%; height:100%; background:green;"></div>
</div>
</div>
</div>
</div>