multicol-becomes-regular-block.html

<!DOCTYPE html>
<html>
    <head>
        <title>Change multicol to regular block</title>
        <script>
            function test() {
                var elm = document.getElementById('elm');
                elm.offsetTop; // trigger layout
                elm.style.WebkitColumns = 'auto';
                elm.style.columns = 'auto';
            }
        </script>
    </head>
    <body onload="test()">
        <p>There should be a blue <em>square</em> below.</p>
        <div id="elm" style="-webkit-columns:4; columns:4; orphans:1; widows:1; width:16em; line-height:4em; background:blue;">
            <br>
            <br>
            <br>
            <br>
        </div>
    </body>
</html>

chromium/third_party/blink/web_tests/fast/multicol/newmulticol/multicol-becomes-regular-block.html