22 lines
615 B
HTML
22 lines
615 B
HTML
<!doctype html>
|
|
<title>Printing with a transition that could trigger as a result of @media print</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-transitions/">
|
|
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/8012">
|
|
<link rel="match" href="transition-in-media-print-ref.html">
|
|
<style>
|
|
#target {
|
|
transition-duration: 100000s;
|
|
print-color-adjust: exact;
|
|
}
|
|
#target:not(.print) {
|
|
color: red;
|
|
}
|
|
</style>
|
|
<div id="target">
|
|
Should not be red
|
|
</div>
|
|
<script>
|
|
let target = document.getElementById("target");
|
|
target.getBoundingClientRect();
|
|
target.classList.add("print");
|
|
</script>
|