tor-browser

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

display-contents-dynamic-generated-content-fieldset-001.html (738B)


      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: Dynamic changes to display: contents generated content in fieldsets.</title>
      4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
      5 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents">
      6 <link rel="match" href="display-contents-dynamic-generated-content-fieldset-001-ref.html">
      7 <style>
      8 .after::after {
      9  content: "FAIL";
     10  color: red;
     11 }
     12 div {
     13  display: contents;
     14  border: 10px solid red;
     15 }
     16 </style>
     17 <p>
     18  Test passes if there is no red text and no red border.
     19 </p>
     20 <fieldset>
     21  <div class="after"></div>
     22 </fieldset>
     23 <script>
     24 document.body.offsetHeight;
     25 document.querySelector("div").classList.remove("after");
     26 </script>