forked from mirrors/gecko-dev
1084e4405d
Automatic update from web-platform-tests
[LayoutNG] Nested fixedpos in a nested multicol
Previously, if a nested fixedpos was in a nested multicol, and the
containing block was the viewport, it was never laid out. To fix this,
propagate any OOF candidates found when performing layout of OOFs in an
inner multicol to ensure that any nested candidates bubble up to the
correct containing block.
Bug: 1188756
Change-Id: If5ff481d25c24f693575faf7309eae8cb5a37ba1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2823871
Commit-Queue: Alison Maher <almaher@microsoft.com>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#872442}
--
wpt-commits: 7c912cad3fdef5f2c29d80390ba6b775ca348d98
wpt-pr: 28475
46 lines
1 KiB
HTML
46 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<title>
|
|
Nested fixedpos in a nested fragmentation context where the outer
|
|
multicol is the containing block.
|
|
</title>
|
|
<link rel="help" href="https://www.w3.org/TR/css-position-3/#abspos-breaking">
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
|
|
<style>
|
|
.multicol {
|
|
column-count: 2;
|
|
column-fill: auto;
|
|
column-gap: 0px;
|
|
}
|
|
#outer {
|
|
height: 100px;
|
|
width: 100px;
|
|
transform: translateX(0);
|
|
}
|
|
#inner {
|
|
width: 50px;
|
|
}
|
|
.rel {
|
|
position: relative;
|
|
}
|
|
.abs {
|
|
position: absolute;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
height: 100px;
|
|
width: 100px;
|
|
top: -100px;
|
|
background:green;
|
|
}
|
|
</style>
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div style="height: 100px; width: 100px; background: red;"></div>
|
|
<div class="multicol" id="outer">
|
|
<div class="multicol" id="inner">
|
|
<div class="rel">
|
|
<div class="abs">
|
|
<div class="fixed"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|