border-radius-1.html (638B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Changes to border-radius bounding rect should invalidate correctly.</title> 5 6 <style> 7 8 body { 9 margin: 0; 10 } 11 12 #background { 13 width: 200px; 14 height: 200px; 15 border-radius: 100px; 16 overflow:hidden; 17 } 18 19 #inner { 20 width: 400px; 21 height: 400px; 22 background-color: red; 23 } 24 </style> 25 26 <div id="background"> 27 <div id="inner"></div> 28 </div> 29 30 <script> 31 32 function doTest() { 33 document.querySelector("#background").style.width = "300px"; 34 document.documentElement.removeAttribute("class"); 35 } 36 document.addEventListener("MozReftestInvalidate", doTest); 37 38 </script>