Bug 1636833 [wpt PR 23496] - [FlexNG] Use fragment order as source of truth within simplified layout, a=testonly
☠☠ backed out by 267cd03f6f5c ☠ ☠
authorIan Kilpatrick <ikilpatrick@chromium.org>
Wed, 13 May 2020 09:49:49 +0000
changeset 530127 e7ed97376186554cb146cf18f5859c051474e02c
parent 530126 15829e9f9a7e5a565e7ae1a71d2636b025699399
child 530128 5f31e57991c2285987b28a3ee527d3446a250fe3
push id116003
push userwptsync@mozilla.com
push dateThu, 14 May 2020 19:04:08 +0000
treeherderautoland@7baa72e0d62c [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>