зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1483171 [wpt PR 12473] - HTML: fieldset should have min-inline-size: min-content, a=testonly
Automatic update from web-platform-testsHTML: fieldset should have min-inline-size: min-content See https://github.com/whatwg/html/issues/2078. -- wpt-commits: a150d010d5771afd9d11fcaf08e457d29b1bf48a wpt-pr: 12473
This commit is contained in:
Simon Pieters
moz-wptsync-bot
Родитель
61c9fc8bf7
Коммит
2eeede9c00
|
|
@ -183499,18 +183499,6 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"html/rendering/non-replaced-elements/the-fieldset-element-0/min-width-not-important.html": [
|
|
||||||
[
|
|
||||||
"/html/rendering/non-replaced-elements/the-fieldset-element-0/min-width-not-important.html",
|
|
||||||
[
|
|
||||||
[
|
|
||||||
"/html/rendering/non-replaced-elements/the-fieldset-element-0/ref.html",
|
|
||||||
"=="
|
|
||||||
]
|
|
||||||
],
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
],
|
|
||||||
"html/rendering/non-replaced-elements/the-hr-element-0/align.html": [
|
"html/rendering/non-replaced-elements/the-hr-element-0/align.html": [
|
||||||
[
|
[
|
||||||
"/html/rendering/non-replaced-elements/the-hr-element-0/align.html",
|
"/html/rendering/non-replaced-elements/the-hr-element-0/align.html",
|
||||||
|
|
@ -285630,11 +285618,6 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"html/rendering/non-replaced-elements/the-fieldset-element-0/ref.html": [
|
|
||||||
[
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
],
|
|
||||||
"html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
|
"html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
|
||||||
[
|
[
|
||||||
{}
|
{}
|
||||||
|
|
@ -355949,6 +355932,12 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"html/rendering/non-replaced-elements/the-fieldset-element-0/min-inline-size.html": [
|
||||||
|
[
|
||||||
|
"/html/rendering/non-replaced-elements/the-fieldset-element-0/min-inline-size.html",
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"html/rendering/non-replaced-elements/the-hr-element-0/hr.html": [
|
"html/rendering/non-replaced-elements/the-hr-element-0/hr.html": [
|
||||||
[
|
[
|
||||||
"/html/rendering/non-replaced-elements/the-hr-element-0/hr.html",
|
"/html/rendering/non-replaced-elements/the-hr-element-0/hr.html",
|
||||||
|
|
@ -596868,13 +596857,9 @@
|
||||||
"1cda91f32baf119b8dd827275a3ba8b10c484084",
|
"1cda91f32baf119b8dd827275a3ba8b10c484084",
|
||||||
"testharness"
|
"testharness"
|
||||||
],
|
],
|
||||||
"html/rendering/non-replaced-elements/the-fieldset-element-0/min-width-not-important.html": [
|
"html/rendering/non-replaced-elements/the-fieldset-element-0/min-inline-size.html": [
|
||||||
"cabbaf20e6563decd428c6fddae09e93b4dcc172",
|
"92c33029701b41678f4f514d28c6260338bd8e77",
|
||||||
"reftest"
|
"testharness"
|
||||||
],
|
|
||||||
"html/rendering/non-replaced-elements/the-fieldset-element-0/ref.html": [
|
|
||||||
"d17268a786bc99a32ef9a1420ca9fcd93a84a724",
|
|
||||||
"support"
|
|
||||||
],
|
],
|
||||||
"html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
|
"html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
|
||||||
"9e4283e208e17e4f2cfed05882bb1aff276028ad",
|
"9e4283e208e17e4f2cfed05882bb1aff276028ad",
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!doctype html>
|
||||||
|
<title>fieldset min-inline-size</title>
|
||||||
|
<script src=/resources/testharness.js></script>
|
||||||
|
<script src=/resources/testharnessreport.js></script>
|
||||||
|
<style>
|
||||||
|
fieldset { width: 0; height: 0 }
|
||||||
|
fieldset > div { width: 100px; height: 100px }
|
||||||
|
#vertical-lr { writing-mode: vertical-lr }
|
||||||
|
#vertical-rl { writing-mode: vertical-rl }
|
||||||
|
.override { min-inline-size: 5px }
|
||||||
|
</style>
|
||||||
|
<fieldset id=horizontal-tb><div></div></fieldset>
|
||||||
|
<fieldset id=vertical-lr><div></div></fieldset>
|
||||||
|
<fieldset id=vertical-rl><div></div></fieldset>
|
||||||
|
<script>
|
||||||
|
for (const className of ['', 'override']) {
|
||||||
|
const expected = className === '' ? '100px' : '5px';
|
||||||
|
test(() => {
|
||||||
|
const fieldset = document.getElementById('horizontal-tb');
|
||||||
|
fieldset.className = className;
|
||||||
|
assert_equals(getComputedStyle(fieldset).width, expected, 'width');
|
||||||
|
assert_equals(getComputedStyle(fieldset).height, '0px', 'height');
|
||||||
|
}, `horizontal-tb ${className}`);
|
||||||
|
|
||||||
|
test(() => {
|
||||||
|
const fieldset = document.getElementById('vertical-lr');
|
||||||
|
fieldset.className = className;
|
||||||
|
assert_equals(getComputedStyle(fieldset).width, '0px', 'width');
|
||||||
|
assert_equals(getComputedStyle(fieldset).height, expected, 'height');
|
||||||
|
}, `vertical-lr ${className}`);
|
||||||
|
|
||||||
|
test(() => {
|
||||||
|
const fieldset = document.getElementById('vertical-rl');
|
||||||
|
fieldset.className = className;
|
||||||
|
assert_equals(getComputedStyle(fieldset).width, '0px', 'width');
|
||||||
|
assert_equals(getComputedStyle(fieldset).height, expected, 'height');
|
||||||
|
}, `vertical-rl ${className}`);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Rendering requirements test (suggested default rendering): fieldset min-width is overridable</title>
|
|
||||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
|
||||||
<link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements">
|
|
||||||
<link rel="help" href="http://drafts.csswg.org/css2/visudet.html#min-max-widths">
|
|
||||||
<link rel="help" href="http://drafts.csswg.org/css-sizing/#width-height-keywords">
|
|
||||||
<link rel="match" href="ref.html">
|
|
||||||
<meta name="flags" content="">
|
|
||||||
<meta name="assert" content="fieldset's default min-width should be overridable since it's not !important and not spec'd to be non-overridable">
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
#cover {
|
|
||||||
background-color: green;
|
|
||||||
position: absolute;
|
|
||||||
left: 10px;
|
|
||||||
top: 10px;
|
|
||||||
height: 100px;
|
|
||||||
width: 100px;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
fieldset {
|
|
||||||
min-width: 0;/* property under test */
|
|
||||||
/* zero these out so it renders more like a div element */
|
|
||||||
border: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.outer {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
.inner {
|
|
||||||
background-color: red;
|
|
||||||
color: red;
|
|
||||||
height: 100px;
|
|
||||||
overflow: scroll;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="outer">
|
|
||||||
<fieldset>
|
|
||||||
<div class="inner">a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a</div>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
|
||||||
<div id="cover"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>Rendering requirements Reftest Reference</title>
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
div {
|
|
||||||
background-color: green;
|
|
||||||
height: 100px;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div></div>
|
|
||||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Загрузка…
Ссылка в новой задаче