Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-break/abspos-overflow-hidden-001-print.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<title>Absolute position frame inside 'overflow: hidden' immediately after a forced page break</title>
<link rel="author" title="Emily McDonough" href="mailto:emcdonough@mozilla.com"/>
<link rel="match" href="abspos-overflow-hidden-001-print-ref.html"/>
<meta name="assert" content="An abspos box after a forced pagebreak and inside 'overflow:hidden' should be visible on the next page"/>
<style>
.inner {
position: absolute;
box-sizing: border-box;
width: 100%;
}
.outer {
overflow: hidden;
position: relative;
break-after: page;
width: 100vw;
height: 100vh;
}
html, body { margin: 0; }
</style>
<body>
<div class="outer">
<div class="inner" style="border: 3px solid blue">111</div>
</div>
<div class="outer">
<div class="inner" style="border: 3px solid black">222</div>
</div>
</body>
</html>