retained-dl-style-change-with-prerender-transform-1.html (655B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 <style> 5 .wrapper { 6 width: 810vw; 7 transform: translateX(-50%); 8 height: 90vh; 9 } 10 .slides { 11 will-change: transform; 12 } 13 .button { 14 background-color: red; 15 position: absolute; 16 left: 50%; 17 } 18 </style> 19 <div class="wrapper"> 20 <div class="slides"> 21 <span class="button">Add to cart</span> 22 </div> 23 </div> 24 <script> 25 document.addEventListener("MozReftestInvalidate", () => { 26 document.querySelector(".button").style.backgroundColor = "green"; 27 document.documentElement.classList.remove("reftest-wait"); 28 }, { once: true }); 29 </script> 30 </html>