31 lines
1,011 B
HTML
31 lines
1,011 B
HTML
<!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"/>
|
|
<link rel="help" href="https://www.w3.org/TR/css-break-3/#page-break-values"/>
|
|
<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>
|