tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

custom-highlight-painting-010.html (796B)

      1 <!DOCTYPE html>
      2 <meta charset="UTF-8">
      3 <title>CSS Highlight API Test: </title>
      4 <link rel="help" href="https://drafts.csswg.org/css-highlight-api-1/">
      5 <link rel="match" href="custom-highlight-painting-001-ref.html">
      6 <meta name="assert" value="Highlight is repainted correctly after inserting a node in the middle of a Range contained in it">
      7 <style>
      8  ::highlight(example-highlight) {
      9    background-color: yellow;
     10    color: blue;
     11  }
     12 </style>
     13 <body><span>two </span><span>three…</span>
     14 <script>
     15  let r = new Range();
     16  r.setStart(document.body, 0);
     17  r.setEnd(document.body, 1);
     18  CSS.highlights.set("example-highlight", new Highlight(r));
     19  let newNode = document.createElement("span");
     20  newNode.innerText = "One ";
     21  document.body.insertBefore(newNode, document.body.firstChild);
     22 </script>