existing-transition-in-media-print.tentative.html (615B)
1 <!doctype html> 2 <title>Printing with a transition that could trigger as a result of @media print</title> 3 <link rel="help" href="https://drafts.csswg.org/css-transitions/"> 4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/8012"> 5 <link rel="match" href="transition-in-media-print-ref.html"> 6 <style> 7 #target { 8 transition-duration: 100000s; 9 print-color-adjust: exact; 10 } 11 #target:not(.print) { 12 color: red; 13 } 14 </style> 15 <div id="target"> 16 Should not be red 17 </div> 18 <script> 19 let target = document.getElementById("target"); 20 target.getBoundingClientRect(); 21 target.classList.add("print"); 22 </script>