content-visibility-intrinsic-size-001.html (1160B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>content-visibility and intrinsic size</title> 5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1880928"> 6 <link rel="match" href="content-visibility-intrinsic-size-001-ref.html"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <meta name="assert" content="Rendering of should stabilize, with all the 'content-visibility: auto' divs becoming close to viewport."> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <script src="/common/rendering-utils.js"></script> 11 <style> 12 #container { 13 position: sticky; 14 } 15 #container > div { 16 font: 25px/1 Ahem; 17 content-visibility: auto; 18 contain-intrinsic-size: 1px 5000px; 19 } 20 </style> 21 <div id="container"> 22 <div>X</div> 23 <div id="target">XX</div> 24 <div>XXX</div> 25 <div>XXXX</div> 26 </div> 27 <script> 28 target.scrollIntoView(); 29 document.fonts.ready.then(() => { 30 waitForAtLeastOneFrame().then(() => { 31 document.documentElement.classList.remove("reftest-wait"); 32 }); 33 }); 34 </script> 35 </html>