File: insert-into-split-inline-5-shadow.html

package info (click to toggle)
firefox 147.0-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,683,324 kB
  • sloc: cpp: 7,607,156; javascript: 6,532,492; ansic: 3,775,158; python: 1,415,368; xml: 634,556; asm: 438,949; java: 186,241; sh: 62,751; makefile: 18,079; objc: 13,092; perl: 12,808; yacc: 4,583; cs: 3,846; pascal: 3,448; lex: 1,720; ruby: 1,003; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10; exp: 6
file content (42 lines) | stat: -rw-r--r-- 1,094 bytes parent folder | download | duplicates (24) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html>
<html>
 <head>
  <script>
    customElements.define("custom-element", class extends HTMLElement {
      constructor() {
        super();
        const template = document.getElementById("template");
        const shadowRoot = this.attachShadow({mode: "open"})
          .appendChild(template.content.cloneNode(true));
      }
    });
    function doit() {
      var newNode = document.createElement("span");
      newNode.appendChild(document.createTextNode("Nine"));
      document.getElementById("target").appendChild(newNode);
    }
  </script>
  <style>
   body > custom-element { border: 3px solid blue }
  </style>
 </head>
 <body onload='doit()'>
 <template id="template">
   <!-- Multiple insertion points to force appends to be handled via
       ContentInserted -->
  <slot name="foo"></slot>
  <slot name="bar"></slot>
  <slot></slot>
 </template>
  <custom-element id="target"
  ><span>One</span
  ><span>Two</span
  ><span>Three</span
  ><div>Four</div
  ><div>Five</div
  ><span>Six</span
  ><div>Seven</div
  ><div>Eight</div
 ></custom-element>
 </body>
</html>