gecko-dev/testing/web-platform/tests/css/css-position/static-position/htb-ref.html
Ian Kilpatrick 1d9d076408 Bug 1512034 [wpt PR 14359] - [LayoutNG] Simplify & correct static position for OOF positioned., a=testonly
Automatic update from web-platform-tests
[LayoutNG] Simplify & correct static position for OOF positioned.

This patch is primarily simplifies how we determine the static position
for an OOF positioned node, within the inline context.

There are many fixes, (see test cases).

Additionally, fixed positioned nodes, now work when they have an inline
level containing block.

Bug: 636993
Change-Id: I36b573578fc85d9ba9b757f258ec7391eec73c0a
Reviewed-on: https://chromium-review.googlesource.com/c/1356999
Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org>
Reviewed-by: Aleks Totic <atotic@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/master@{#614426}

--

wpt-commits: 047734d5161fe23a3c0dc600b56354f5cb9086ec
wpt-pr: 14359
2018-12-14 13:54:34 +00:00

37 lines
604 B
HTML

<!DOCTYPE html>
<style>
.container {
background: green;
height: 16px;
border: solid black 3px;
width: 400px;
margin: 16px 0;
}
.large { height: 32px; }
</style>
There should be no red.
<div class="container"></div>
<div class="container"></div>
<div class="container large"></div>
<div class="container large"></div>
<div class="container"></div>
<div class="container"></div>
<div class="container large"></div>
<div class="container large"></div>
<div class="container"></div>
<div class="container"></div>
<div class="container large"></div>
<div class="container large"></div>