<!DOCTYPE html>
<script src="../../../resources/check-layout.js"></script>
<script>
    onload = function() {
        document.body.offsetTop; // trigger layout
        document.getElementById('elm').style.display = 'block';
        checkLayout('#stf');
    }
</script>
<p>Check that inserting a spanner into the multicol container updates the preferred maximum width.</p>
<p>You should see a blue square below.</p>
<div id="stf" style="width:-webkit-max-content; font:20px Ahem; color:blue; background:blue;" data-expected-width="200" data-expected-height="200">
    <div style="-webkit-columns:3;">
        <div id="elm" style="display:none; -webkit-column-span:all; height:200px;">
            xxxxx xxxx
        </div>
    </div>
</div>