Bug 1636833 [wpt PR 23496] - [FlexNG] Use fragment order as source of truth within simplified layout, a=testonly
authorIan Kilpatrick <ikilpatrick@chromium.org>
Wed, 13 May 2020 09:49:49 +0000
changeset 531193 8d27c5ce5d6fb6aac7f1d74f47b8c90f697142cc
parent 531192 66fc6d279696f0eb9af21432929448deb4b738e9
child 531194 19d2de87b9f8426718f9760277c065f36d59c4d4
push id116503
push userwptsync@mozilla.com
push dateWed, 20 May 2020 10:37:27 +0000
treeherderautoland@135acd548abf [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1636833, 23496, 845235, 2187854, 767208
milestone78.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1636833 [wpt PR 23496] - [FlexNG] Use fragment order as source of truth within simplified layout, a=testonly Automatic update from web-platform-tests [FlexNG] Use fragment order as source of truth within simplified layout Step 3/4 in getting flex to use the simplified layout pass. We need to use the fragment order as the source or truth as we use the fragment order as the correct paint order. The downside of this approach is that we now iterate twice over the children, once for the fragments, and again for the nodes. Adding placeholder fragments for the static-positions for the OOF will fix this. Bug: 845235 Change-Id: Idb149a25975885cee389c3bae1dd9021dbb5a467 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2187854 Commit-Queue: Koji Ishii <kojii@chromium.org> Reviewed-by: Koji Ishii <kojii@chromium.org> Cr-Commit-Position: refs/heads/master@{#767208} -- wpt-commits: 9bbbd9e569e4e5533af0ce55ed4b699b715f7ec6 wpt-pr: 23496
testing/web-platform/tests/css/css-position/position-absolute-dynamic-relayout-003.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-position/position-absolute-dynamic-relayout-003.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<link rel="help" href="https://www.w3.org/TR/css-position-3/" />
+<meta name="assert" content="This test checks that a dynamic OOF-positioned change doesn't cause children to paint differently." />
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="display: flex; position: relative; width: 100px; height: 100px;">
+  <div style="order: 2; margin-left: -100px; width: 100px; background: green;"></div>
+  <div style="order: 1; width: 100px; background: red;"></div>
+  <div id="target" style="position: absolute;"></div>
+</div>
+<script>
+  document.body.offsetTop;
+  document.getElementById('target').style.top = '10px';
+</script>