tor-browser

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

caret-shape-block-001.html (781B)


      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <meta charset="utf-8">
      4 <title>caret-shape block</title>
      5 <link rel=help href="https://drafts.csswg.org/css-ui/#caret-shape">
      6 <link rel=match href="caret-shape-block-001-ref.html">
      7 <meta name="assert" content="Test checks that caret-shape block works as expected">
      8 <script src="/common/reftest-wait.js"></script>
      9 <style>
     10  #target {
     11    font-size: 3em;
     12    caret-color: lime;
     13    caret-shape: block;
     14    caret-animation: manual;
     15  }
     16  #target:focus {
     17    outline: none;
     18  }
     19 </style>
     20 <p>Test passes if, when the text below is focused for editing, the text insertion caret is a lime block.</p>
     21 <div id="target" contenteditable spellcheck="false">test</div>
     22 <script>
     23  document.getElementById("target").focus();
     24  takeScreenshot();
     25 </script>