<!DOCTYPE html>
<title>Reference for a composited child of a perspective sticky element should work correctly</title>
<style>
.composited {
backface-visibility: hidden;
}
.scroller {
overflow-y: scroll;
height: 100px;
}
.marker {
position: relative;
top: 50px;
height: 50px;
width: 50px;
background: green;
}
.padding {
height: 500px;
}
</style>
<script>
window.addEventListener('load', function() {
document.querySelector('.scroller').scrollTop = 50;
});
</script>
<div class="composited scroller">
<div class="marker"></div>
<div class="padding"></div>
</div>
<div>You should see one green box above. No red should be visible.</div>