Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/printing/fixed-generated-content-whitespace-crash-print.html - WPT Dashboard Interop Dashboard
<!doctype html>
<meta charset="utf-8">
<title>Changing generated text in a replicated fixed-position pseudo</title>
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
<!-- Really a crashtest but since we can't really have print crashtests, we assert that we print something -->
<link rel="mismatch" href="/css/reference/blank.html">
<style>
@page { size: 360px 420px; margin: 15px; }
body { font-size: 12px; }
#box { container: box / inline-size; width: 220px; }
#target::before, #target::after {
position: fixed;
top: 0;
left: 0;
display: ruby;
content: "a";
}
@container box (min-width: 100px) {
#target::before, #target::after { content: " "; }
}
.spacer { height: 2000px; }
</style>
<div id="box"><div id="target"></div></div>
<div class="spacer">hello</div>