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{                
    width:200px;
    background:red;
}
#inner{
    height:100%;
    overflow-y:scroll;
}      
html,body{margin: 0px;}

JavaScript

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