<style>
.container {
  width: 100px;;
  height: 100px;
  background-color: green;
  overflow: clip;
  transform: translateX(0px);
}

.out-of-flow-child {
  position: absolute;
  top: -100px;
  background-color: red;
  width: 50px;
  height: 50px;
}

</style>
<!-- PASS if no red box while typing in the input field. -->
<div class=container>
  <div class=out-of-flow-child></div><input id=inputField>
</div>
<script>
inputField.focus();
document.execCommand('insertText', false, "text");
</script>