<!DOCTYPE html>
<link rel="match" href="overflow-changed-on-child-of-squashed-layer-expected.html">
Changing overflow on the child of a squashed layer should allow the layer to resize and contain the overflow. There should be a white box with black outline.
<div style="will-change: transform; width: 100px; height: 100px"></div>
<div id="squashed" style="position: relative; top: -10px; transform; width: 100px; height: 100px"></div>
<div id="parent" style="height: 100px; width: 100px; position: relative; top: -20px">
<div id="test" style="height: 100px; width: 100px;"></div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
test.style.outline = "1px solid black";
}, true);
</script>