tor-browser

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

overflow-ellipsis-dynamic-001.html (935B)

      1 <!doctype html>
      2 <html class="reftest-wait">
      3 <title>CSS Overflow Test: text-overflow: ellipsis after dynamic test change</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#text-overflow">
      5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1615811">
      6 <link rel="author" href="mailto:emilio@crisal.io" name="Emilio Cobos Álvarez">
      7 <link rel="author" href="https://mozilla.org" name="Mozilla">
      8 <link rel="match" href="reference/overflow-ellipsis-dynamic-001-ref.html">
      9 <style>
     10 p {
     11  width: 40ch;
     12  font: 16px/1 monospace;
     13  text-overflow: ellipsis;
     14  white-space: nowrap;
     15  overflow: hidden;
     16 }
     17 </style>
     18 <p>longtext longtext longtext longtext longtext longtext longtext longtext</p>
     19 <script>
     20 onload = function() {
     21  requestAnimationFrame(() => requestAnimationFrame(() => {
     22    document.querySelector("p").firstChild.nodeValue = "short";
     23    document.documentElement.className = "";
     24  }));
     25 }
     26 </script>