JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
    <input type="text"></input>
    
    <div class="filling"></div>
    
</div>

CSS

#container {
    position: absolute;
    top: 20px;
    bottom: 20px;
    width: 50%;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    border: 1px solid black;
}

input {
    margin-top: 60vh;
}

.filling {
    height: 200vh;
}