fieldset-dynamic-oof-container-crash.html (1005B)
1 <!DOCTYPE html> 2 <html class="test-wait"> 3 <title>No crash after stop being an asbolute container.</title> 4 <link rel="help" href="https://crbug.com/1395688"> 5 <style> 6 .c2 { 7 transform: rotate3d(0, 1, 0, 45deg); 8 column-width: 100px; 9 } 10 .c19 { 11 overflow: auto; 12 padding-left: 65536px; 13 column-count: 3; 14 } 15 16 q { 17 position: absolute; 18 column-width: 1px; 19 } 20 21 body { 22 column-count: 3; 23 } 24 </style> 25 <script> 26 function animationFrame() { 27 return new Promise(resolve => requestAnimationFrame(resolve)); 28 } 29 30 async function doTest() { 31 document.documentElement.appendChild(document.createElement('body')); 32 await animationFrame(); 33 document.body.innerHTML = '<fieldset class=c2><q>q</q></fieldset>'; 34 window.scrollBy(28, 71); 35 await animationFrame(); 36 document.querySelector('fieldset').setAttribute('class', 'c19'); 37 await animationFrame(); 38 document.body.remove(); 39 await animationFrame(); 40 await animationFrame(); 41 document.documentElement.classList.remove('test-wait'); 42 } 43 44 doTest(); 45 </script> 46 </html>