multicol-dynamic-transform-crash.html (584B)
1 <!DOCTYPE html> 2 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 3 <link rel="help" href="https://crbug.com/965639"> 4 <style> 5 #container { 6 columns: 2; 7 column-fill: auto; 8 background: orange; 9 height: 50px; 10 } 11 #target { 12 width: 100px; 13 height: 100px; 14 background: purple; 15 position: absolute; 16 } 17 .transform { 18 transform: translate(0, 50px); 19 } 20 </style> 21 <body> 22 <div id="container"> 23 <div style="position: relative"> 24 <div id="target"></div> 25 </div> 26 </div> 27 <script> 28 document.body.offsetTop; 29 target.classList.add('transform'); 30 </script> 31 </body>