scrollable-overflow-transform-011.html (1056B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>CSS Overflow: Scrollable Overflow Transform Zero Area Overflow</title> 5 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-3/#scrollable" /> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1990786" /> 8 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 9 <style> 10 .transformed { 11 height: 0; 12 width: 0; 13 transform: rotate(89deg); 14 text-indent: 250px; 15 } 16 17 .transformed::after { 18 text-indent: 0; 19 content: ""; 20 } 21 22 .outer { 23 width: 100px; 24 height: 100px; 25 overflow: hidden; 26 background: red; 27 } 28 29 .good { 30 width: 200px; 31 height: 200px; 32 background: green; 33 } 34 35 </style> 36 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 37 <div id=dut class=outer> 38 <div class=good></div> 39 <div class=transformed></div> 40 </div> 41 <script> 42 dut.scrollTo(0, dut.scrollHeight) 43 document.documentElement.classList.remove('reftest-wait'); 44 </script> 45 </html>