gecko-dev/testing/web-platform/tests/css/css-position/position-absolute-dynamic-static-position-inline.html
Ian Kilpatrick 9bdc940427 Bug 1602153 [wpt PR 20667] - Fix invalidation for OOF-positioned objects with a display change., a=testonly
Automatic update from web-platform-tests
Fix invalidation for OOF-positioned objects with a display change.

Previously this branch was too limiting. It was possible for both:
 - Parent() == ContainingBlock() and,
 - OriginalDisplay() == EDisplay::kInline or something else.

This means that we invalidate, and correctly re-calculate the new
static-position.

Change-Id: I045d7cc27c951b3ae0faa5dd14887852b38bc828
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1956373
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#722798}

--

wpt-commits: e6b40ab46b6bea2dd79bf7365f12c7b0edd5ddf5
wpt-pr: 20667
2019-12-11 10:30:18 +00:00

13 lines
753 B
HTML

<!DOCTYPE html>
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<link rel="help" href="https://www.w3.org/TR/css-position-3/" />
<meta name="assert" content="This test checks that the static-position of an absolute positioned element changes, if the display value changes from inline to block." />
<p>Test passes if there is a filled green square.</p>
<div style="position: relative; line-height: 0;">
<div style="width: 100px; height: 50px; display: inline-block; background: green;"></div>
<div id="target" style="width: 100px; height: 50px; display: inline; position: absolute; background: green;"></div>
</div>
<script>
document.body.offsetTop;
document.getElementById('target').style.display = 'block';
</script>