tor-browser

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

content-visibility-hidden-with-column-spanner.html (777B)


      1 <!doctype HTML>
      2 <html>
      3 <meta charset="utf8">
      4 <title>CSS Content Visibility: hidden column spanner</title>
      5 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">
      6 <link rel="match" href="content-visibility-hidden-with-column-spanner-ref.html">
      7 <meta name="assert" content="content-visibility hidden column spanner should stay hidden">
      8 <style>
      9 body {
     10  width: 600px;
     11  overflow: hidden;
     12 }
     13 .container {
     14  column-count: 2;
     15  width: 200px;
     16  height: 100px;
     17 }
     18 .spanner {
     19  column-span: all;
     20 }
     21 </style>
     22 Test fails if you can see text below.
     23 <div class=container>
     24  <div id=hide_this>
     25    XXX
     26    <div class=spanner>PASS if not visible</div>
     27    XXX
     28  </div>
     29 </div>
     30 <script>
     31 document.body.offsetHeight;
     32 hide_this.style.contentVisibility = "hidden";
     33 </script>