fune/testing/web-platform/tests/css/css-break/tall-content-inside-constrained-block-006.tentative.html
Alison Maher 695bd007e9 Bug 1766700 [wpt PR 33821] - [LayoutNG] RequiresContentBeforeBreaking() and OOF fragmentation, a=testonly
Automatic update from web-platform-tests
[LayoutNG] RequiresContentBeforeBreaking() and OOF fragmentation

We would previously always set RequiresContentBeforeBreaking() to true
for OOF positioned elements (see CL:3310887 for more details). However,
we should use the value of RequiresContentBeforeBreaking() of the CB as
the basis, instead.

Store an extra bit in NGContainingBlock to keep track of what
RequiresContentBeforeBreaking() should be for the CB. This will get
set when adjusting the newly created OOF fragmentainer descendant
in NGOutOfFlowLayoutPart. As a result, NGBoxFragmentBuilder::
AdjustOffsetsForFragmentainerDescendant() was renamed to
AdjustFragmentainerDescendant() since the method no longer is just
adjusting offsets.

tall-content-inside-constrained-block-003.tentative.html and
tall-content-inside-constrained-block-004.tentative.html were updated
based on the new logic, and two similar tests were added to
ensure this gets set correctly for |fixedpos_containing_block|.

Bug: 1319280
Change-Id: I450adb7e4a07c6948d76dcd3ec808a848483e8a2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3611135
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Commit-Queue: Alison Maher <almaher@microsoft.com>
Cr-Commit-Position: refs/heads/main@{#997220}

--

wpt-commits: c78f40e322ecc4d91ed914df997c969ef8a8dca7
wpt-pr: 33821
2022-05-15 20:20:51 +00:00

20 lines
913 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6056#issuecomment-951767882">
<meta name="assert" content="">
<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-gap:0; column-fill:auto; height:75px;">
<div style="height:50px; background:green;"></div>
<div style="transform:translateX(0); height:25px;">
<div style="position:relative;">
<div style="position:absolute">
<div style="position:fixed; width:100%; background:red;">
<div style="contain:size; height:50px; background:green;"></div>
<div style="contain:size; height:100px; background:green;"></div>
</div>
</div>
</div>
</div>
</div>
</div>