JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left">
<div id="inner">
    <p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p><p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
<p>kjhadfkkjhk</p>
   ...

CSS

#left{
   
    margin-top:40px;
    width:200px;
    
    background:white;
   
}
#inner{
    
    height:100%;
    overflow-y:scroll;
}

JavaScript

window.onload = window.onresize = function () {
    var left = document.getElementById("left");
    var height = window.innerHeight;
    left.style.height = height + "px";
}