non-interpolable-transition.html (729B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Non-interpolable transition</title> 7 <!-- crbug.com/422811234 --> 8 </head> 9 <body> 10 <div class="transition"></div> 11 </body> 12 <style> 13 .transition { 14 transition-delay: 0.1s; 15 } 16 .update { 17 /* Transition from initial value with units to one without must not crash */ 18 stroke-width: calc(1px/1px); 19 } 20 </style> 21 <script> 22 requestAnimationFrame(() => { 23 requestAnimationFrame(() => { 24 document.body.className = "update"; 25 requestAnimationFrame(() => { 26 document.documentElement.classList.remove('test-wait'); 27 }); 28 }) 29 }); 30 </script> 31 </html>