auto-002.html (967B)
1 <!DOCTYPE html> 2 <title>contain-intrinsic-size: auto with a vertical writing mode</title> 3 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#last-remembered"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 7 <div id="log"></div> 8 9 <div style="height: 2000px;"></div> 10 11 <div style="contain-intrinsic-size: auto 1px;" id="test"> 12 <div style="height: 50px; writing-mode: vertical-lr;"></div> <!-- make 'test' have a 50px height --> 13 </div> 14 15 <script> 16 function finalize() { 17 el.style.contentVisibility = "auto"; 18 log.innerText = el.offsetHeight; 19 assert_equals(el.offsetHeight, 50); 20 } 21 22 var t = async_test("contain-intrinsic-size: auto"); 23 24 var log = document.getElementById("log"); 25 var el = document.getElementById("test"); 26 var observer = new ResizeObserver(function() { 27 requestAnimationFrame(t.step_func_done(finalize)); 28 observer.unobserve(el); 29 }); 30 31 observer.observe(el); 32 el.offsetWidth; 33 34 </script>