Bug 1474653 [wpt PR 11887] - [css-layout-api] Don't use LayoutNG for custom layout children., a=testonly

Automatic update from web-platform-tests[css-layout-api] Don't use LayoutNG for custom layout children.

Custom layout children may not establish new formatting contexts, and
since the custom container itself is laid out by the legacy engine, we
need to force its children to be laid out by legacy as well.

Added a margin collapsing test that used to fail in NG because of this.

Change-Id: Id320f60fb76b0ed6563fb2b88f6936ac37efc1fd
Reviewed-on: https://chromium-review.googlesource.com/1131179
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Morten Stenshorne <mstensho@chromium.org>
Cr-Commit-Position: refs/heads/master@{#573864}

--

wpt-commits: b47e2cd91cfe1b2246655b6612c407898939588c
wpt-pr: 11887
This commit is contained in:
Morten Stenshorne 2018-07-18 15:00:00 +00:00 коммит произвёл moz-wptsync-bot
Родитель 67f1409f1a
Коммит 80d552eaaa
3 изменённых файлов: 20 добавлений и 2 удалений

Просмотреть файл

@ -521424,11 +521424,11 @@
"reftest"
],
"css/css-layout-api/box-tree-unregistered-ref.html": [
"cd0b49234938b110561ebb5ecf793375f3e3fe06",
"d1bd2b7e19ceccaaf32b25bf0db9e91a8da601e1",
"support"
],
"css/css-layout-api/box-tree-unregistered.https.html": [
"c2058c848fe71230148b2531585fbddd678e6926",
"c4cbcc57030956d15d23efe98b07c460edbbaeb2",
"reftest"
],
"css/css-layout-api/computed-style-layout-function.https.html": [

Просмотреть файл

@ -1,6 +1,7 @@
<!DOCTYPE html>
<style>
.container {
float: left;
margin: 20px 0;
border: solid 2px;
width: 100px;
@ -27,3 +28,7 @@
<div class="inflow" style="background: hotpink"></div>
<div class="inflow" style="background: green"></div>
</div>
<div class="container">
<div style="height:100px; background:green;"></div>
</div>

Просмотреть файл

@ -10,6 +10,7 @@
}
.container {
float: left;
margin: 20px 0;
border: solid 2px;
width: 100px;
@ -47,3 +48,15 @@
<div class="float"></div>
<div class="test" style="width: 100%; height: 40px; background: green;"></div>
</div>
<div class="container">
<!-- This tests that margins in two "layout()" box children collapse as normally. -->
<div class="test" style="background: green;">
<div style="margin:100px 0;">
<div style="margin:100px 0;"></div>
</div>
<div style="margin:100px 0;">
<div style="margin:100px 0;"></div>
</div>
</div>
</div>