mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision b'468d01bbd84da2babf265c6af46947be68713440'
This commit is contained in:
WPT Sync Bot
cybai
parent
35e95f55a1
commit
58e8ee674b
9438 changed files with 266112 additions and 106976 deletions
|
|
@ -1,3 +0,0 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
aaabbbccc
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>Names specified in attr for a content property are case-insensitive in HTML documents</title>
|
||||
<link rel=match href=/css/css-content/attr-case-insensitive-ref.html>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content-3/#content-property" />
|
||||
<style type="text/css">
|
||||
div#gencon:before { content: attr(foo) attr(Foo) attr(fOO)
|
||||
attr(bar) attr(Bar) attr(bAR)
|
||||
attr(baz) attr(Baz) attr(BAZ) }
|
||||
</style>
|
||||
<body>
|
||||
<div id="gencon" foo="a" Bar="b" bAZ="c"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>attr() with HTML attributes</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-values-4/#attr-notation">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-content-3/#content-property">
|
||||
<link rel=match href="/css/css-content/attr-case-sensitivity-ref-001.html">
|
||||
<meta name="assert" content="This test checks that names specified in attr() for a content property are case-insensitive in HTML documents.">
|
||||
<style type="text/css">
|
||||
div#gencon:before { content: attr(foo) attr(Foo) attr(fOO)
|
||||
attr(bar) attr(Bar) attr(bAR)
|
||||
attr(baz) attr(Baz) attr(BAZ) }
|
||||
</style>
|
||||
<body>
|
||||
<div id="gencon" foo="a" Bar="b" bAZ="c"></div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>attr() with attributes containing uppercase letters</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-values-4/#attr-notation">
|
||||
<link rel="match" href="/css/css-content/attr-case-sensitivity-ref-002.html">
|
||||
<link rel="mismatch" href="/css/css-content/attr-case-sensitivity-ref-003.html">
|
||||
<meta name="assert" content="This test checks that attribute names specified in the attr() function without a namespace are case-insensitive.">
|
||||
<style>
|
||||
#casematch:before { content: attr(RESULT); }
|
||||
#lowercase:before { content: attr(RESULT); }
|
||||
</style>
|
||||
<p id="casematch"></p>
|
||||
<p id="lowercase"></p>
|
||||
<script>
|
||||
// Test uses the Element.setAttributeNS() to create an attribute in the HTML document with capital letters
|
||||
casematch.setAttributeNS('', 'RESULT', 'casematch');
|
||||
lowercase.setAttributeNS('', 'result', 'lowercase');
|
||||
</script>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>attr() with MathML attributes</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-values-4/#attr-notation">
|
||||
<link rel="match" href="/css/css-content/attr-case-sensitivity-ref-003.html">
|
||||
<link rel="mismatch" href="/css/css-content/attr-case-sensitivity-ref-002.html">
|
||||
<meta name="assert" content="This test checks that MathML attribute names specified in the attr() function are case-sensitive.">
|
||||
<style>
|
||||
#casematch:before { content: attr(definitionURL); }
|
||||
#lowercase:before { content: attr(definitionurl); }
|
||||
</style>
|
||||
<!-- Test uses the fact that MathML attributes have a namespace -->
|
||||
<math id="casematch" definitionURL="casematch"></math>
|
||||
<math id="lowercase" definitionURL="lowercase"></math>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>attr case-sensitivity reference 001</title>
|
||||
<div>aaabbbccc</div>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>attr case-sensitivity reference 002</title>
|
||||
<p>lowercase</p>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>attr case-sensitivity reference 003</title>
|
||||
<style>
|
||||
#casematch:before { content: "casematch"; }
|
||||
</style>
|
||||
<math id="casematch"></math>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on DETAILS</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
summary { display:none; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"details",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.setAttribute("open", "true");
|
||||
let summary = document.createElement("summary"); // we need a summary child to avoid details creating an anonymous child
|
||||
elem.append(summary);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on DETAILS</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <details> children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-details-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"details",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.setAttribute("open", "true");
|
||||
let summary = document.createElement("summary");
|
||||
summary.append(document.createTextNode("FAIL"));
|
||||
elem.append(summary);
|
||||
elem.append(document.createTextNode("FAIL"));
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on FIELDSET</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"fieldset"
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';';
|
||||
elem.className = c;
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on FIELDSET</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <fieldset> children, including rendered legends, from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-fieldset-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"fieldset"
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';';
|
||||
elem.className = c;
|
||||
elem.append(document.createTextNode("FAIL"));
|
||||
let legend = document.createElement("legend");
|
||||
legend.append(document.createTextNode("FAIL"));
|
||||
elem.append(legend);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on INPUT</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body, input {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
""
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"input"
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.value = "PASS";
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on INPUT</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none has no effect on <input> as it has no children">
|
||||
<link rel="match" href="content-none-input-ref.html">
|
||||
<style>
|
||||
html,body, input {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
""
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"input"
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.value = "PASS";
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on MATH</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"math",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on MATH</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <math> children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-math-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"math",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
let ms = document.createElementNS("http://www.w3.org/1998/Math/MathML", "ms");
|
||||
ms.append(document.createTextNode("FAIL"));
|
||||
elem.append(ms);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on OPTION</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; xfont:5px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
option {
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"option",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let select = document.createElement("select");
|
||||
select.setAttribute("size", "2");
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
select.append(elem);
|
||||
let option = document.createElement("option");
|
||||
option.append(document.createTextNode("pass"));
|
||||
select.append(option);
|
||||
body.append(select);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on OPTION</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <option> children from having boxes.">
|
||||
<link rel="match" href="content-none-option-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; xfont:5px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
option:nth-child(1) {
|
||||
content:none;
|
||||
}
|
||||
option {
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"option",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let select = document.createElement("select");
|
||||
select.setAttribute("size", "2");
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.append(document.createTextNode("FAIL"));
|
||||
select.append(elem);
|
||||
let option = document.createElement("option");
|
||||
option.append(document.createTextNode("pass"));
|
||||
select.append(option);
|
||||
body.append(select);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root block</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><span>B</span><span>A</span></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root block</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-block-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
display: block;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
FAIL
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root columns layout</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
body {
|
||||
column-width: 1px;
|
||||
column-gap: 100px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body><span>B</span> <span>A</span></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root columns layout</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-columns-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
column-width: 1px;
|
||||
column-gap: 100px;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B '; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
FAIL
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root flex</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
body {
|
||||
display: flex;
|
||||
border: 1px solid;
|
||||
gap: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><x>B</x><x>A</x></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root flex</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-flex-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
display: flex;
|
||||
border: 1px solid;
|
||||
gap: 10px;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
FAIL
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root grid</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
body {
|
||||
display: grid;
|
||||
border: 1px solid;
|
||||
grid-template-columns: 50px 50px;
|
||||
gap: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><x>B</x><x>A</x></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root grid</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-grid-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
display: grid;
|
||||
border: 1px solid;
|
||||
grid-template-columns: 50px 50px;
|
||||
gap: 10px;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
FAIL
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root ruby (blockified) box</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
body {
|
||||
border: 1px solid;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><x>B</x><x>A</x></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root ruby (blockified) box</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-ruby-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
display: ruby;
|
||||
border: 1px solid;
|
||||
margin: 50px;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
べ
|
||||
<rtc>
|
||||
<rt>る</rt>
|
||||
</rtc>
|
||||
<rbc>
|
||||
<rb>FAIL</rb>
|
||||
<rb>FAIL</rb>
|
||||
</rbc>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on a :root table</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<style>
|
||||
html,body {
|
||||
padding:0; margin:0;
|
||||
}
|
||||
body {
|
||||
display: table;
|
||||
border: 1px solid;
|
||||
border-spacing: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body><x>B</x><x>A</x></body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on a :root table</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<meta name="assert" content="content:none should inhibit the :root's children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-root-table-ref.html">
|
||||
<style>
|
||||
:root {
|
||||
content: none;
|
||||
display: table;
|
||||
border: 1px solid;
|
||||
border-spacing: 10px;
|
||||
}
|
||||
*::after { content: 'A'; }
|
||||
*::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<x style="display:table-cell">FAIL</x>
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on SELECT size=1</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="timeout" content="long">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"select",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
let option = document.createElement("option"); // need an empty option to get same line-height
|
||||
elem.append(option);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on SELECT size=1</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <select> children from having boxes.">
|
||||
<meta name="timeout" content="long">
|
||||
<link rel="match" href="content-none-select-1-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"select",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
let option = document.createElement("option");
|
||||
option.append(document.createTextNode("FAIL"));
|
||||
elem.append(option);
|
||||
option = document.createElement("option");
|
||||
option.append(document.createTextNode("FAIL"));
|
||||
elem.append(option);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on SELECT size=2</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"select",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.setAttribute("size", "2");
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on SELECT size=2</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <select> children from having boxes.">
|
||||
<link rel="match" href="content-none-select-2-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
font:5px/1 Ahem;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute",
|
||||
];
|
||||
const tags = [
|
||||
"select",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.setAttribute("size", "2");
|
||||
let option = document.createElement("option");
|
||||
option.append(document.createTextNode("FAIL"));
|
||||
elem.append(option);
|
||||
option = document.createElement("option");
|
||||
option.append(document.createTextNode("FAIL"));
|
||||
elem.append(option);
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on SPAN with dynamically inserted children</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <span> children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-span-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute", "position:relative",
|
||||
];
|
||||
const tags = [
|
||||
"span",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c + " test";
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
document.body.offsetHeight;
|
||||
|
||||
for (let elem of Array.from(document.querySelectorAll(".test"))) {
|
||||
elem.append(document.createTextNode("FAIL"))
|
||||
elem.append(document.createElement("div"));
|
||||
}
|
||||
|
||||
document.body.offsetHeight;
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on SPAN</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute", "position:relative",
|
||||
];
|
||||
const tags = [
|
||||
"span",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on SPAN</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit the <span> children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-span-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:4px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body > * {
|
||||
content:none;
|
||||
padding:0; margin:0; border:none;
|
||||
}
|
||||
::marker { content: 'M'; }
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script>
|
||||
document.body.style.display = 'none';
|
||||
|
||||
const display = [
|
||||
"display:block", "display:inline", "display:ruby", "display:none", "display:grid",
|
||||
"display:flex", "display:table", "display:list-item", "display:contents",
|
||||
"columns:2",
|
||||
];
|
||||
const overflow = [
|
||||
"", "overflow:scroll", "overflow:clip",
|
||||
];
|
||||
const position = [
|
||||
"", "position:absolute", "position:relative",
|
||||
];
|
||||
const tags = [
|
||||
"span",
|
||||
];
|
||||
const classes = [
|
||||
"", "after", "before",
|
||||
];
|
||||
const body = document.body;
|
||||
for (var d of display) {
|
||||
for (var o of overflow) {
|
||||
for (var p of position) {
|
||||
for (var c of classes) {
|
||||
for (var t of tags) {
|
||||
let elem = document.createElement(t);
|
||||
elem.style = d + ';' + o + ';' + p + ';'
|
||||
elem.className = c;
|
||||
elem.append(document.createTextNode("FAIL"))
|
||||
elem.append(document.createElement("div"));
|
||||
body.append(elem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.body.style.display = '';
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: content:none on various table boxes</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body * {
|
||||
border:3px solid;
|
||||
}
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
x-table { display:table }
|
||||
x-thead { display:table-row-group }
|
||||
x-tr { display:table-row }
|
||||
x-td { display:table-cell }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><thead><tr><td class="c"></td></tr></thead></table>
|
||||
<table><thead><tr class="c"></tr></thead></table>
|
||||
<table><thead class="c"></thead></table>
|
||||
<table class="c"></thead></table>
|
||||
|
||||
<table><thead><tr><td class="c"></td><td>PASS</td></tr></thead></table>
|
||||
<table><thead><tr class="c"></tr><tr><td>PASS</td></tr></thead></table>
|
||||
<table><thead class="c"></thead><thead><tr><td>PASS</td></tr></thead></table>
|
||||
|
||||
<x-table><x-thead><x-tr><x-td class="c"></x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead><x-tr class="c"></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead class="c"></x-thead></x-table>
|
||||
<x-table class="c"></x-table>
|
||||
|
||||
<x-table><x-thead><x-tr><x-td class="c"></x-td><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead><x-tr class="c"></x-tr><x-tr><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead class="c"></x-thead><x-thead><x-tr><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Content: content:none on various table boxes</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-content/#valdef-content-none">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<meta name="flags" content="ahem">
|
||||
<meta name="assert" content="content:none should inhibit table children from having boxes. Its pseudos should not be affected though.">
|
||||
<link rel="match" href="content-none-table-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 Ahem; padding:0; margin:0;
|
||||
}
|
||||
body { margin-left: 3ch; }
|
||||
body * {
|
||||
border:3px solid;
|
||||
}
|
||||
.after::after { content: 'A'; }
|
||||
.before::before { content: 'B'; }
|
||||
.c { content:none; }
|
||||
x-table { display:table }
|
||||
x-thead { display:table-row-group }
|
||||
x-tr { display:table-row }
|
||||
x-td { display:table-cell }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table><thead><tr><td class="c">FAIL<x>FAIL</x></td></tr></thead></table>
|
||||
<table><thead><tr class="c"><td>FAIL<x>FAIL</x></td></tr></thead></table>
|
||||
<table><thead class="c"><tr><td>FAIL<x>FAIL</x></td></tr></thead></table>
|
||||
<table class="c"><thead><tr><td>FAIL<x>FAIL</x></td></tr></thead></table>
|
||||
|
||||
<table><thead><tr><td class="c">FAIL<x>FAIL</x></td><td>PASS</td></tr></thead></table>
|
||||
<table><thead><tr class="c"><td>FAIL<x>FAIL</x></td></tr><tr><td>PASS</td></tr></thead></table>
|
||||
<table><thead class="c"><tr><td>FAIL<x>FAIL</x></td></tr></thead><thead><tr><td>PASS</td></tr></thead></table>
|
||||
|
||||
<x-table><x-thead><x-tr><x-td class="c">FAIL<x>FAIL</x></x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead><x-tr class="c"><x-td>FAIL<x>FAIL</x></x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead class="c"><x-tr><x-td>FAIL<x>FAIL</x></x-td></x-tr></x-thead></x-table>
|
||||
<x-table class="c"><x-thead><x-tr><x-td>FAIL<x>FAIL</x></x-td></x-tr></x-thead></x-table>
|
||||
|
||||
<x-table><x-thead><x-tr><x-td class="c">FAIL<x>FAIL</x></x-td><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead><x-tr class="c"><x-td>FAIL<x>FAIL</x></x-td></x-tr><x-tr><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
<x-table><x-thead class="c"><x-tr><x-td>FAIL<x>FAIL</x></x-td></x-tr></x-thead><x-thead><x-tr><x-td>PASS</x-td></x-tr></x-thead></x-table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue