3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
8 <title>CSS Content: content:none on SPAN with dynamically inserted children
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
10 <link rel=
"help" href=
"https://drafts.csswg.org/css-content/#valdef-content-none">
11 <link rel=
"help" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1699964">
12 <link rel=
"stylesheet" type=
"text/css" href=
"/fonts/ahem.css">
13 <meta name=
"flags" content=
"ahem">
14 <meta name=
"assert" content=
"content:none should inhibit the <span> children from having boxes. Its pseudos should not be affected though.">
15 <link rel=
"match" href=
"content-none-span-ref.html">
18 color:black; background-color:white; font:
4px/
1 Ahem; padding:
0; margin:
0;
20 body { margin-left:
3ch; }
23 padding:
0; margin:
0; border:none;
25 ::marker { content: 'M'; }
26 .after::after { content: 'A'; }
27 .before::before { content: 'B'; }
34 document
.body
.style
.display
= 'none';
37 "display:block", "display:inline", "display:ruby", "display:none", "display:grid",
38 "display:flex", "display:table", "display:list-item", "display:contents",
42 "", "overflow:scroll", "overflow:clip",
45 "", "position:absolute", "position:relative",
51 "", "after", "before",
53 const body
= document
.body
;
54 for (var d
of display
) {
55 for (var o
of overflow
) {
56 for (var p
of position
) {
57 for (var c
of classes
) {
59 let elem
= document
.createElement(t
);
60 elem
.style
= d
+ ';' + o
+ ';' + p
+ ';'
61 elem
.className
= c
+ " test";
69 document
.body
.style
.display
= '';
70 document
.body
.offsetHeight
;
72 for (let elem
of Array
.from(document
.querySelectorAll(".test"))) {
73 elem
.append(document
.createTextNode("FAIL"))
74 elem
.append(document
.createElement("div"));
77 document
.body
.offsetHeight
;