| Index: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-paint-ordering-002-expected.xhtml
|
| diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-paint-ordering-002-expected.xhtml b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-paint-ordering-002-expected.xhtml
|
| index 8ac0522ab95e3f525624d3d136500bbcb3979008..55ca62df74adb2962542a84c7f78ed9b08c439ca 100644
|
| --- a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-paint-ordering-002-expected.xhtml
|
| +++ b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-paint-ordering-002-expected.xhtml
|
| @@ -1,12 +1,12 @@
|
| <?xml version="1.0" encoding="UTF-8"?>
|
| -<!--
|
| +<!--
|
| Any copyright is dedicated to the Public Domain.
|
| http://creativecommons.org/publicdomain/zero/1.0/
|
| - -->
|
| -<!-- Reference case for flex items containing overlapping content.
|
| +-->
|
| +<!-- Reference case for flex items containing overlapping content.
|
| This reference uses inline-block in place of inline-flex, with floated
|
| children in place of flex items, and with hardcoded DOM-reordering in
|
| - place of "order" reordering. -->
|
| + place of "order" reordering. -->
|
| <html xmlns="http://www.w3.org/1999/xhtml">
|
| <head>
|
| <title>CSS Reftest Reference</title>
|
| @@ -62,7 +62,7 @@
|
| </style>
|
| </head>
|
| <body>
|
| - <!-- order not set: -->
|
| + <!-- order not set: -->
|
| <div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| @@ -70,84 +70,98 @@
|
|
|
| <br/>
|
|
|
| - <!-- order set, but it matches content order, so it shouldn't matter: -->
|
| + <!-- order set, but it matches content order, so it shouldn't matter: -->
|
| <div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="a"><div class="aKid"/></div>
|
| <div class="b"><div class="bKid"/></div>
|
| </div>
|
|
|
| <br/>
|
|
|
| - <!-- order set to reverse of content-order: -->
|
| + <!-- order set to reverse of content-order: -->
|
| <div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| </div>
|
|
|
| <br/>
|
|
|
| - <!-- order set to reverse of content-order, AND with z-index set on
|
| - one or both items, but not such that it changes the paint order -->
|
| + <!-- order set to reverse of content-order, AND with z-index set on
|
| + one or both items, but not such that it changes the paint order -->
|
| <div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| + </div
|
| + ><div class="flexbox">
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a"><div class="aKid"/></div>
|
| </div>
|
|
|
| <br/>
|
|
|
| - <!-- order set to reverse of content-order, AND with z-index set on
|
| - one or both items, in such a way that it affects paint order -->
|
| + <!-- order set to reverse of content-order, AND with z-index set on
|
| + one or both items, in such a way that it affects paint order -->
|
| <div class="flexbox">
|
| - <!-- 'a' is behind the container's border -->
|
| + <!-- 'a' is behind the container's border -->
|
| <div class="b"><div class="bKid"/></div>
|
| <div class="a zn1"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| - <!-- 'a' and 'b' are both behind the container's border -->
|
| + </div
|
| + ><div class="flexbox">
|
| + <!-- 'a' and 'b' are both behind the container's border -->
|
| <div class="b zn1"><div class="bKid"/></div>
|
| <div class="a zn1"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| - <!-- 'a' and 'b' are both behind the container's border,
|
| + </div
|
| + ><div class="flexbox">
|
| + <!-- 'a' and 'b' are both behind the container's border,
|
| and 'a' is behind 'b' despite coming after it in the 'order'
|
| - ordering -->
|
| + ordering-->
|
| <div class="b zn1"><div class="bKid"/></div>
|
| <div class="a zn2"><div class="aKid"/></div>
|
| - </div><div class="flexbox">
|
| - <!-- 'a' and 'b' are both in front of the container's border,
|
| + </div
|
| + ><div class="flexbox">
|
| + <!-- 'a' and 'b' are both in front of the container's border,
|
| and 'a' is behind 'b' despite coming after it in the 'order'
|
| - ordering -->
|
| + ordering-->
|
| <div class="b z1"><div class="bKid"/></div>
|
| <div class="a z0"><div class="aKid"/></div>
|
| </div>
|
|
|