content-visibility-075-ref.html (1130B)
1 <!doctype HTML> 2 <html class="reftest-wait"> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: auto + scrollIntoView/fragment nav when size estimate is off (reference)</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 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <script src="/common/reftest-wait.js"></script> 9 10 <style> 11 .small_child { 12 height: 10000px; 13 } 14 .large_child { 15 height: 40000px; 16 position: relative; 17 } 18 #target { 19 position: absolute; 20 bottom: 0; 21 font: 25px/1 Ahem; 22 } 23 </style> 24 25 <div id=e1 class=auto><div class=large_child></div></div> 26 <div id=e2 class=auto><div class=large_child></div></div> 27 <div id=e3 class=auto><div class=large_child><div id=target>PASS</div></div></div> 28 <div id=e4 class=auto><div class=large_child></div></div> 29 <div id=e5 class=auto><div class=small_child></div></div> 30 31 <script> 32 function runReference() { 33 target.scrollIntoView(); 34 takeScreenshot(); 35 } 36 37 window.onload = () => requestAnimationFrame(() => requestAnimationFrame(runReference)); 38 </script>