tor-browser

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

highlight-painting-soft-hyphens-001.html (1437B)

      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Pseudo-Elements Test: highlight painting: soft hyphens</title>
      4 <link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com">
      5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#highlight-painting">
      6 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#painting">
      7 <link rel="help" href="https://www.w3.org/TR/CSS22/zindex.html#painting-order">
      8 <link rel="match" href="highlight-painting-soft-hyphens-001-ref.html">
      9 <meta name="assert" value="::highlight overlay is not painted under soft hyphens in a text node with [0,1) highlighted and no other ranges highlighted">
     10 <link rel="stylesheet" href="support/highlights.css">
     11 <style>
     12    main {
     13        width: 13em;
     14        color: transparent;
     15    }
     16    main::highlight(foo) {
     17        color: green;
     18    }
     19 </style>
     20 <p>Pass if only the letter T is visible below, not the hyphens.
     21 <main class="highlight_reftest">The&#xAD;Quick&#xAD;Brown&#xAD;Fox&#xAD;Jumps&#xAD;Over&#xAD;The&#xAD;Lazy&#xAD;Dog&#xAD;The&#xAD;Quick&#xAD;Brown&#xAD;Fox&#xAD;Jumps&#xAD;Over&#xAD;The&#xAD;Lazy&#xAD;Dog&#xAD;The&#xAD;Quick&#xAD;Brown&#xAD;Fox&#xAD;Jumps&#xAD;Over&#xAD;The&#xAD;Lazy&#xAD;Dog</main>
     22 <script>
     23    const main = document.querySelector("main");
     24    const range = new Range;
     25    range.setStart(main.firstChild, 0);
     26    range.setEnd(main.firstChild, 1);
     27    CSS.highlights.set("foo", new Highlight(range));
     28 </script>