mirror of
https://github.com/servo/servo.git
synced 2025-08-05 21:50:18 +01:00
Auto merge of #24851 - servo-wpt-sync:wpt_update_24-11-2019, r=servo-wpt-sync
Sync WPT with upstream (24-11-2019) Automated downstream sync of changes from upstream as of 24-11-2019. [no-wpt-sync] r? @servo-wpt-sync
This commit is contained in:
commit
122d4fd617
31 changed files with 516 additions and 76 deletions
|
@ -7,7 +7,7 @@
|
|||
expected: FAIL
|
||||
|
||||
[Opening a blob URL in a new window immediately before revoking it works.]
|
||||
expected: TIMEOUT
|
||||
expected: FAIL
|
||||
|
||||
[Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
|
||||
expected: FAIL
|
||||
|
|
|
@ -206661,6 +206661,30 @@
|
|||
{}
|
||||
]
|
||||
],
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-001.html": [
|
||||
[
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-001.html",
|
||||
[
|
||||
[
|
||||
"/quirks/reference/percentage-height-quirk-excludes-flex-grid-001-ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-002.html": [
|
||||
[
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-002.html",
|
||||
[
|
||||
[
|
||||
"/quirks/reference/percentage-height-quirk-excludes-flex-grid-002-ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"quirks/table-cell-width-calculation-abspos.html": [
|
||||
[
|
||||
"quirks/table-cell-width-calculation-abspos.html",
|
||||
|
@ -212784,6 +212808,18 @@
|
|||
],
|
||||
{}
|
||||
]
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-002-ref.html": [
|
||||
[
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-002-ref.html",
|
||||
[
|
||||
[
|
||||
"/quirks/reference/percentage-height-quirk-excludes-flex-grid-002-notref.html",
|
||||
"!="
|
||||
]
|
||||
],
|
||||
{}
|
||||
]
|
||||
]
|
||||
},
|
||||
"support": {
|
||||
|
@ -279057,6 +279093,12 @@
|
|||
"quirks/reference/green-100px-square-no-red.html": [
|
||||
[]
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-001-ref.html": [
|
||||
[]
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-002-notref.html": [
|
||||
[]
|
||||
],
|
||||
"quirks/reference/table-cell-width-calculation-abspos-ref.html": [
|
||||
[]
|
||||
],
|
||||
|
@ -657627,7 +657669,7 @@
|
|||
"support"
|
||||
],
|
||||
"html/semantics/forms/form-submission-0/form-submission-algorithm.html": [
|
||||
"df39b57353c67ebb02014865f28d739bbf24c690",
|
||||
"2d5ac276374370dd594d3d8f98c1b85e8186eb26",
|
||||
"testharness"
|
||||
],
|
||||
"html/semantics/forms/form-submission-0/getactionurl.html": [
|
||||
|
@ -680954,10 +680996,30 @@
|
|||
"e56a03b4b41b72edca91ff261e766fc9d2cc5426",
|
||||
"testharness"
|
||||
],
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-001.html": [
|
||||
"cb0f772b1fa2fed26992f288cc345e7ab418d919",
|
||||
"reftest"
|
||||
],
|
||||
"quirks/percentage-height-quirk-excludes-flex-grid-002.html": [
|
||||
"88df89d0932e8f347ffad8faa4e5da9dc2e71b56",
|
||||
"reftest"
|
||||
],
|
||||
"quirks/reference/green-100px-square-no-red.html": [
|
||||
"159d9a52a01a0b328680a530603cb496ab2d5fcf",
|
||||
"support"
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-001-ref.html": [
|
||||
"29f8e26a67f27e9ae250e464c05a8f3af1e0b9a5",
|
||||
"support"
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-002-notref.html": [
|
||||
"19aa243a0045f4378b55a00dd3b2431fc9a9ec23",
|
||||
"support"
|
||||
],
|
||||
"quirks/reference/percentage-height-quirk-excludes-flex-grid-002-ref.html": [
|
||||
"c63bc0efa85f59eb496875072970016cf77d3c9d",
|
||||
"reftest_node"
|
||||
],
|
||||
"quirks/reference/table-cell-width-calculation-abspos-ref.html": [
|
||||
"41d2203b4a08323a2d6b9894f1ad133e35130265",
|
||||
"support"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
[perspective-interpolation.html]
|
||||
expected: ERROR
|
||||
expected: CRASH
|
||||
[ perspective interpolation]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -14,6 +14,3 @@
|
|||
[<li>Outside 3</li>]
|
||||
expected: FAIL
|
||||
|
||||
[<li>Inside 1</li>]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -2,7 +2,6 @@
|
|||
type: testharness
|
||||
|
||||
[single-byte-decoder.html?document]
|
||||
expected: TIMEOUT
|
||||
[ISO-8859-4: iso_8859-4:1988 (document.characterSet and document.inputEncoding)]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -312,24 +312,18 @@
|
|||
[<iframe>: combined response Content-Type: */* text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/plain */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;" \\" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" \\" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -53,6 +53,3 @@
|
|||
[combined text/javascript ]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript x/x]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -11,6 +11,3 @@
|
|||
[X-Content-Type-Options%3A%20nosniff%0C]
|
||||
expected: FAIL
|
||||
|
||||
[X-Content-Type-Options%3A%0D%0AX-Content-Type-Options%3A%20nosniff]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -1,4 +0,0 @@
|
|||
[traverse_the_history_5.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[creating_browsing_context_test_01.html]
|
||||
[first argument: absolute url]
|
||||
expected: FAIL
|
||||
|
|
@ -1,5 +1,24 @@
|
|||
[open-features-negative-innerwidth-innerheight.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for legacy `innerwidth`, `innerheight`]
|
||||
expected: FAIL
|
||||
|
||||
[features "innerheight=-404.5" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404.5" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=-404e1" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerheight=-404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "innerwidth=-404e1" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,5 +1,24 @@
|
|||
[open-features-negative-top-left.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for `top`, `left`]
|
||||
expected: FAIL
|
||||
|
||||
[features "top=-204" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=-204.5" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-204" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=-0" should NOT set "top=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-204.5" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "left=-0" should NOT set "left=204"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,24 +1,5 @@
|
|||
[open-features-negative-width-height.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: negative values for `width`, `height`]
|
||||
expected: FAIL
|
||||
|
||||
[features "height=-404" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "height=-404e1" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "height=-404.5" should NOT set "height=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=-404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=-404e1" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=-404.5" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,32 +1,42 @@
|
|||
[open-features-non-integer-top.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `top`]
|
||||
expected: FAIL
|
||||
|
||||
[features "top=105/5" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105*3" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105LLl" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105e-1" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105.32" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105e1" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105 " should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105^4" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=105.5" should set "top=105"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=/104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=_104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "top=L104" should NOT set "top=104"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,32 +1,48 @@
|
|||
[open-features-non-integer-width.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[HTML: window.open `features`: non-integer values for feature `width`]
|
||||
expected: FAIL
|
||||
|
||||
[features "width=405^4" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405.5" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405e1" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405 " should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405.32" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405LLl" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405*3" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405e-1" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=405/5" should set "width=405"]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0: absence of feature "width" should be treated same as "width=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=_404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[top=0,left=0,height=401,: absence of feature "width" should be treated same as "width=0"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=/404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
[features "width=L404" should NOT set "width=404"]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
[embedded-opener-remove-frame.html]
|
||||
expected: CRASH
|
||||
expected: TIMEOUT
|
||||
[opener and "removed" embedded documents]
|
||||
expected: FAIL
|
||||
|
||||
|
@ -7,5 +7,5 @@
|
|||
expected: FAIL
|
||||
|
||||
[opener of discarded auxiliary browsing context]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
[iframe_sandbox_popups_nonescaping-1.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
expected: CRASH
|
||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||
expected: NOTRUN
|
||||
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
[non-active-document.html]
|
||||
[DOMParser]
|
||||
expected: FAIL
|
||||
|
||||
[createHTMLDocument]
|
||||
expected: FAIL
|
||||
|
||||
[<template>]
|
||||
expected: FAIL
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
[form-double-submit-3.html]
|
||||
expected: ERROR
|
||||
[<button> should have the same double-submit protection as <input type=submit>]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
[form-double-submit.html]
|
||||
expected: ERROR
|
||||
[default submit action should supersede onclick submit()]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
[script-onerror-insertion-point-2.html]
|
||||
expected: TIMEOUT
|
|
@ -0,0 +1,5 @@
|
|||
[promise-rejection-events-onerror.html]
|
||||
expected: TIMEOUT
|
||||
[Throwing inside an unhandledrejection handler invokes the error handler.]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[percentage-height-quirk-excludes-flex-grid-002.html]
|
||||
expected: FAIL
|
5
tests/wpt/metadata/webmessaging/with-ports/018.html.ini
Normal file
5
tests/wpt/metadata/webmessaging/with-ports/018.html.ini
Normal file
|
@ -0,0 +1,5 @@
|
|||
[018.html]
|
||||
expected: TIMEOUT
|
||||
[origin of the script that invoked the method, javascript:]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[017.html]
|
||||
expected: TIMEOUT
|
||||
[origin of the script that invoked the method, about:blank]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -18,6 +18,21 @@ test(() => {
|
|||
assert_equals(counter, 2);
|
||||
}, 'If constructing entry list flag of form is true, then return');
|
||||
|
||||
test(() => {
|
||||
let form = populateForm('<input><input type=submit>');
|
||||
let submitter1 = form.querySelector('input[type=submit]');
|
||||
let valid = form.elements[0];
|
||||
let counter = 0;
|
||||
valid.oninvalid = () => {
|
||||
++counter;
|
||||
};
|
||||
form.onsubmit = () => {
|
||||
valid.required = true;
|
||||
submitter1.dispatchEvent(new MouseEvent("click"));
|
||||
};
|
||||
submitter1.dispatchEvent(new MouseEvent("click"));
|
||||
assert_equals(counter, 0);
|
||||
}, "If firing submission events flag of form is true, then return");
|
||||
|
||||
test(() => {
|
||||
let form = populateForm('<input required><input type=submit><button type=submit></button>');
|
||||
|
|
|
@ -0,0 +1,78 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test: Percent height quirk does not traverse flex/grid containers</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://quirks.spec.whatwg.org/#the-percentage-height-calculation-quirk">
|
||||
<link rel="match" href="reference/percentage-height-quirk-excludes-flex-grid-001-ref.html">
|
||||
<meta name="assert" content="This quirk is specific to block boxes and table wrapper boxes; if it hits another type of box, it doesn't traverse further. So this file should look the same whether in quirks or standards mode.">
|
||||
<style>
|
||||
.fixed-height-outer {
|
||||
height: 80px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row-flex {
|
||||
display: flex;
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.column-flex {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.container {
|
||||
border: 3px solid black;
|
||||
}
|
||||
|
||||
.pct {
|
||||
height: 75%;
|
||||
min-height: 10px;
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
background: purple;
|
||||
}
|
||||
.px {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
background: blue
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container column-flex">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container row-flex">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container grid">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,56 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test: Percent height quirk applies for percent heights on flex/grid containers</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="help" href="https://quirks.spec.whatwg.org/#the-percentage-height-calculation-quirk">
|
||||
<link rel="match" href="reference/percentage-height-quirk-excludes-flex-grid-002-ref.html">
|
||||
<meta name="assert" content="This quirk only starts differentiating by box-type when looking at the containing block of the percent-height thing. So, the quirk applies to percent-heights on flex/grid containers, when the ancestors are all blocks up to the nearest definite height.">
|
||||
<style>
|
||||
.fixed-height-outer {
|
||||
height: 80px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row-flex {
|
||||
display: flex;
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.column-flex {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.pct {
|
||||
height: 75%;
|
||||
min-height: 10px;
|
||||
width: 50px;
|
||||
background: purple;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="column-flex pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="row-flex pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="grid pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: Percent height quirk does not traverse flex/grid containers</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
.fixed-height-outer {
|
||||
height: 80px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row-flex {
|
||||
display: flex;
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.column-flex {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.container {
|
||||
border: 3px solid black;
|
||||
}
|
||||
|
||||
.pct {
|
||||
height: 75%;
|
||||
min-height: 10px;
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
background: purple;
|
||||
}
|
||||
.px {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
background: blue
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container column-flex">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container row-flex">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="container grid">
|
||||
<div>
|
||||
<div class="pct"></div>
|
||||
<div class="px"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Not-reference case: Percent height quirk applies for percent heights on flex/grid containers</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<style>
|
||||
.fixed-height-outer {
|
||||
height: 80px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row-flex {
|
||||
display: flex;
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.column-flex {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.pct {
|
||||
height: 75%;
|
||||
min-height: 10px;
|
||||
width: 50px;
|
||||
background: purple;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="column-flex pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="row-flex pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div>
|
||||
<div class="grid pct"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference case: Percent height quirk applies for percent heights on flex/grid containers</title>
|
||||
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
|
||||
<link rel="author" href="https://mozilla.org" title="Mozilla">
|
||||
<link rel="mismatch" href="percentage-height-quirk-excludes-flex-grid-002-notref.html">
|
||||
<style>
|
||||
.fixed-height-outer {
|
||||
height: 80px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row-flex {
|
||||
display: flex;
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.column-flex {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.pct {
|
||||
height: 75%;
|
||||
min-height: 10px;
|
||||
width: 50px;
|
||||
background: purple;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="column-flex pct"></div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="row-flex pct"></div>
|
||||
</div>
|
||||
<div class="fixed-height-outer">
|
||||
<div class="grid pct"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue