tor-browser

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

caret-shape-block-002.html (817B)

      1 <!DOCTYPE html>
      2 <html class="reftest-wait">
      3 <meta charset="utf-8">
      4 <title>caret-shape block in textarea</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 in a textarea">
      8 <script src="/common/reftest-wait.js"></script>
      9 <style>
     10  #target {
     11    all: unset;
     12    font-size: 3em;
     13    caret-color: lime;
     14    caret-shape: block;
     15    caret-animation: manual;
     16  }
     17  #target:focus {
     18    outline: none;
     19  }
     20 </style>
     21 <p>Test passes if, when the text below is focused for editing, the text insertion caret is a lime block.</p>
     22 <textarea id="target" spellcheck="false">test</textarea>
     23 <script>
     24  document.getElementById("target").focus();
     25  takeScreenshot();
     26 </script>