abspos-overflow-hidden-001-print.html (1011B)
1 <!DOCTYPE html> 2 <html> 3 <title>Absolute position frame inside 'overflow: hidden' immediately after a forced page break</title> 4 <link rel="author" title="Emily McDonough" href="mailto:emcdonough@mozilla.com"/> 5 <link rel="match" href="abspos-overflow-hidden-001-print-ref.html"/> 6 <link rel="help" href="https://www.w3.org/TR/css-break-3/#page-break-values"/> 7 <meta name="assert" content="An abspos box after a forced pagebreak and inside 'overflow:hidden' should be visible on the next page"/> 8 <style> 9 .inner { 10 position: absolute; 11 box-sizing: border-box; 12 width: 100%; 13 } 14 .outer { 15 overflow: hidden; 16 position: relative; 17 break-after: page; 18 width: 100vw; 19 height: 100vh; 20 } 21 html, body { margin: 0; } 22 </style> 23 <body> 24 <div class="outer"> 25 <div class="inner" style="border: 3px solid blue">111</div> 26 </div> 27 <div class="outer"> 28 <div class="inner" style="border: 3px solid black">222</div> 29 </div> 30 </body> 31 </html>