<!DOCTYPE html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
console.log('x');
document.getElementById('container').style.transform = 'translateZ(0) translateX(100px)';
}, true);
</script>
<body style="margin: 0">
<div style="height: 100px">
Tests layout and repaint of when a container of overhanging float adds 3D transform. Passes if there is no red.
</div>
<div id="indicator" style="position: absolute; top: 100px; left: 100px; width: 100px; height: 100px; background-color: red"></div>
<div>
<div id="container" style="width: 0; height: 0">
<div style="float: left; width: 100px; height: 100px; background-color: green"></div>
</div>
</div>
</body>