multicol-with-abspos-in-relpos.html

<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<script src="../resources/text-based-repaint.js"></script>
<script>
    if (window.internals)
        onload = runRepaintAndPixelTest;
    else
        onclick = repaintTest;
    function repaintTest() {
        var target = document.getElementById('target');
        target.style.visibility = 'visible';
    }
</script>
<div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width:630px; height:40px; font:20px/1 ahem; color:green;">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div style="position:relative;">
        <br>
        <br>
        <div id="target" style="position:absolute; left:20px; top:20px; visibility:hidden;">PASS</div>
    </div>
</div>
<p>A green rectangle should be seen above (if tested manually, you need to click first).</p>

chromium/third_party/blink/web_tests/paint/invalidation/multicol/multicol-with-abspos-in-relpos.html