Bug 1528145 [wpt PR 15380] - Quirks: percentage height quirk does not apply to flex/grid, a=testonly
authorSimon Pieters <zcorpan@gmail.com>
Thu, 18 Apr 2019 11:58:51 +0000
changeset 529977 7cad0ca41e26fec3c163fb600dbd418368a79a3e
parent 529976 95a2a4fecda9af7dd05a6a0026d75b58b94847f7
child 529978 5e286877f6bd5c969ed2bdd76763d5a76ea67efe
push id11265
push userffxbld-merge
push dateMon, 13 May 2019 10:53:39 +0000
treeherdermozilla-beta@77e0fe8dbdd3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1528145, 15380
milestone68.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 1528145 [wpt PR 15380] - Quirks: percentage height quirk does not apply to flex/grid, a=testonly Automatic update from web-platform-tests Quirks: percentage height quirk does not apply to flex/grid Follows https://github.com/whatwg/quirks/pull/40 -- wpt-commits: cf54e243034211616eb926eaaeac93429dfd4647 wpt-pr: 15380
testing/web-platform/tests/quirks/percentage-height-calculation.html
--- a/testing/web-platform/tests/quirks/percentage-height-calculation.html
+++ b/testing/web-platform/tests/quirks/percentage-height-calculation.html
@@ -51,16 +51,20 @@
         {style:'#test { height:50% }', body:'<div id=test></div>', q:92, s:0},
         {style:'#test { height:25% }', body:'<div id=test></div>', q:46, s:0},
         {style:'#test { height:12.5% }', body:'<div id=test></div>', q:23, s:0},
         {style:'#test { height:100% }', body:'<div><div id=test></div></div>', q:184, s:0},
         {style:'', body:'<img id=test src="{png}" height=100%>', q:184, s:1},
         {style:'', body:'<img id=test src="{png}" height=100% border=10>', q:184, s:1},
         {style:'', body:'<table id=test height=100%><tr><td></table>', q:184, s:6},
         {style:'#foo { height:100px } #test { height:100% }', body:'<div id=foo><div><div id=test></div></div></div>', q:100, s:0},
+        {style:'#foo { height:100px } #grid { display:grid } #test { height:100% }', body:'<div id=foo><div id=grid><div id=test></div></div></div>', q:0, s:0},
+        {style:'#foo { height:100px } #grid { display:inline-grid } #test { height:100% }', body:'<div id=foo><div id=grid><div id=test></div></div></div>', q:0, s:0},
+        {style:'#foo { height:100px } #flex { display:flex } #test { height:100% }', body:'<div id=foo><div id=flex><div id=test></div></div></div>', q:0, s:0},
+        {style:'#foo { height:100px } #flex { display:inline-flex } #test { height:100% }', body:'<div id=foo><div id=flex><div id=test></div></div></div>', q:0, s:0},
         {style:'#foo { position:absolute } #test { height:100% }', body:'<div id=foo><div><div id=test></div></div></div>', q:0, s:0},
         {style:'#foo { position:relative } #test { height:100% }', body:'<div id=foo><div><div id=test></div></div></div>', q:184, s:0},
         {style:'#foo { height:100px } #test { height:100%; position:absolute }', body:'<div id=foo><div><div id=test></div></div></div>', q:200, s:200},
         {style:'#foo { height:100px } #test { height:100%; position:fixed }', body:'<div id=foo><div><div id=test></div></div></div>', q:200, s:200},
         {style:'#foo { height:100px } #test { height:100%; position:relative }', body:'<div id=foo><div><div id=test></div></div></div>', q:100, s:0},
         {style:'#foo { height:100px } #test { height:calc(100% + 1px) }', body:'<div id=foo><div id=test></div></div>', q:101, s:101},
         {style:'#foo { height:100px } #test { height:5px; height:calc(100% + 1px) }', body:'<div id=foo><div><div id=test></div></div></div>', q:0, s:0},
         {style:'html { display:inline } #test { height:100% }', body:'<div id=test></div>', q:184, s:0}, // display:inline on root has no effect