composited-with-child-layer-in-next-column.html

<!DOCTYPE html>
<p>There should be a yellow box in the second column, and the word 'PASS' should be below it. PASS is not in the third column because they are composited together, and hence not fragmented.</p>
<div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:17em; height:9em; line-height:2em; orphans:1; widows:1;">
    <div style="will-change:transform; position:absolute; left:0; right:0; height:9em; background:cyan;"></div>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div style="z-index:2; position:relative; height:2em; background:yellow;">
        <br>
        <br>
        <div style="opacity:0.8; margin:0.5em;">PASS</div>
    </div>
</div>

chromium/third_party/blink/web_tests/fast/multicol/composited-with-child-layer-in-next-column.html