responsive-iframe-logical.tentative.html (1034B)
1 <!doctype HTML> 2 <title>Test that `contain-intrinsic-block-size` makes IFRAMEs be responsively sized.</title> 3 <link rel="author" href="mailto:kojii@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-sizing/"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style> 8 iframe { 9 border: none; 10 } 11 12 #block { 13 contain-intrinsic-block-size: from-element none; 14 } 15 16 #inline { 17 contain-intrinsic-inline-size: from-element none; 18 } 19 </style> 20 <iframe id="block" frameborder=0 src="resources/iframe-contents.html"></iframe> 21 <iframe id="inline" frameborder=0 src="resources/iframe-contents.html"></iframe> 22 <script> 23 async_test(t => { 24 window.addEventListener('load', t.step_func_done(e => { 25 const block = document.getElementById('block'); 26 assert_equals(block.offsetHeight, 400); 27 const inline = document.getElementById('inline'); 28 assert_equals(inline.offsetHeight, 150); 29 })); 30 }, "`contain-intrinsic-block-size` makes IFRAMEs be responsively sized"); 31 </script>