1425271-1.html (1375B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <meta charset="utf-8"> 7 </head> 8 9 <body> 10 <div id="container"> 11 <div id="element"> 12 <!-- 13 The HTML code for this element has no other meaning than to create 14 display items that are merged together. 15 --> 16 <div style="column-count:2; column-count:2; width:300px; height:100px;"> 17 <div id="o" style="opacity:0.5; width:100px; height:200px; background:lime;"> 18 <div id="d" style="height:50px; width:80px; background:red; padding:2px">Text</div> 19 </div> 20 </div> 21 </div> 22 </div> 23 24 <script type="text/javascript"> 25 function redirect() { 26 document.documentElement.removeAttribute("class"); 27 28 // Trigger root frame deletion. 29 window.location.replace("about:blank"); 30 } 31 32 function removeElements(container) { 33 document.body.removeChild(container); 34 35 setTimeout(redirect, 0); 36 } 37 38 function createElements() { 39 var c = document.getElementById("container"); 40 var e = document.getElementById("element"); 41 for (var i = 0; i < 1000; ++i) { 42 // Populate the container with elements that cause display item merges. 43 c.appendChild(e.cloneNode(true)); 44 } 45 46 setTimeout(() => removeElements(c), 0); 47 } 48 49 document.addEventListener("MozReftestInvalidate", createElements); 50 // window.addEventListener("load", createElements); 51 </script> 52 53 </body> 54 </html>