squash-composited-input.html | Explore in Territory

<!doctype HTML>
<style>
  input {
    position: absolute;
    width: 150px;
    height: 50px;
  }

  .i1 {
    top: 100px;
  }

  .i2 {
    top: 170px;
  }
</style>
<div style=" position: relative; width: 400px; height: 400px; overflow: hidden;">
  <div style="will-change: transform; width: 200px; height: 300px;" ></div>
  <input type="text" class="i1" value="test test test test test test test test"/>
  <input type="text" class="i2"/>
</div>

<script>
onload = function () {
  if (window.internals)
    internals.settings.setPreferCompositingToLCDTextEnabled(true);
};
</script>

chromium/third_party/blink/web_tests/compositing/squashing/squash-composited-input.html