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>