<!DOCTYPE html>
<p>There should be one yellow box below. There is only one because the content is composited, and hence not fragmented.</p>
<div id="elm" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; height:13em; line-height:2em;">
<div style="will-change:transform; position:absolute; left:0; right:0; height:15em; background:cyan;"></div>
<br>
<br>
<br>
<br>
<div style="position:relative; margin:0.5em; background:yellow;">
first<br>
column<br>
second<br>
column<br>
</div>
</div>
<script>
if (window.internals)
internals.forceCompositingUpdate(document);
document.getElementById('elm').style.width = '90%';
</script>