squashing-does-not-stop-transform-propagation-expected.html

<!DOCTYPE HTML>
<style>
body {
    height: 100%;
    margin: 0;
}

#container {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective: 200px;
    perspective-origin: top left;
}

.scrolled {
    position: absolute;
}

#fg {
    width: 100px;
    height: 100px;
    background: blue;
    left: 100px;
    top: 100px;
}

#bg {
    transform: translateZ(-100px);
    background: green;
    width: 800px;
    height: 800px;
}

#tall {
    width: 10px;
    height: 8000px;
    background: white;
}
</style>
<div id="container">
  <div class="scrolled" id="bg"></div>
  <div class="scrolled" id="fg"></div>
  <div id="tall"></div>
</div>

chromium/third_party/blink/web_tests/compositing/squashing/squashing-does-not-stop-transform-propagation-expected.html