<style>
#overlap {
width: 10px;
height: 100px;
background: green;
will-change: transform;
}
#transformed {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
transform: translate(0, 50px);
}
</style>
<div id="overlap"></div>
<div id="transformed">
This test succeeds if this text is visible.
</div>
This test verifies squashed transformed elements have their ancestor clip and local clip applied in the correct spaces.