spanner-becomes-regular-block.html | Explore in Territory

<!DOCTYPE html>
<script>
    onload = function() {
        var elm = document.getElementById('elm');
        document.body.offsetTop; // trigger layout
        elm.style.webkitColumnSpan = 'none';
    }
</script>
<p>Test changing a spanner inside a block to a regular block.</p>
<p>Below you should see a blue line above the word "PASS" on a yellow background. Wide letter spacing is expected.</p>
<div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; max-height:3em; overflow:hidden; background:blue;">
    <div style="margin-top:0.5em;">
        <div id="elm" style="-webkit-column-span:all; margin-top:0.2em; background:yellow;">
            P<br>
            <div style="height:0.5em; background:blue;"></div>
            A<br>
            <div style="height:0.5em; background:blue;"></div>
            S<br>
            <div style="height:0.5em; background:blue;"></div>
            S<br>
        </div>
    </div>
</div>

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