content-visibility-069.html (1204B)
1 <!doctype HTML> 2 <html> 3 <meta charset="utf8"> 4 <title>Content Visibility: pending visibility changes</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <meta name="assert" content="disconnecting elements while visibility state adjustments are pending does not crash"> 8 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 12 <style> 13 body { 14 margin: 0; 15 padding: 0; 16 } 17 .spacer { 18 height: 3000px; 19 } 20 .auto { 21 content-visibility: auto; 22 width: 5px; 23 height: 5px; 24 } 25 </style> 26 27 <body id="body"> 28 <div id=one class=auto>text</div> 29 <div class=spacer></div> 30 <div id=two class=auto>text</div> 31 <div class=spacer></div> 32 </body> 33 34 <script> 35 async_test((t) => { 36 function runTest() { 37 document.scrollingElement.scrollTop = 2990; 38 39 const range = document.createRange(); 40 range.selectNodeContents(one); 41 window.getSelection().addRange(range); 42 43 requestAnimationFrame(() => { 44 one.remove(); 45 two.remove(); 46 t.done(); 47 }); 48 } 49 onload = requestAnimationFrame(() => requestAnimationFrame(runTest)); 50 }); 51 52 </script> 53 </html>