JSFiddle - React, Tailwind, and code Playground

by iliyas b

HTML

<div id="left">
    <div id="inner">
        <p id='first'>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>
        <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;
    height:576px;
    background:white;
}
#inner {
    height:100%;
    overflow-y:scroll;
}

JavaScript

window.onload = window.onresize = function () {
    var left = document.getElementById('left');
   
    console.log(left.offsetHeight);
    var window_height = window.innerHeight;
  
    if (left.offsetHeight < window_height) {
        left.style.height = '100%';    
        left_height=left.offsetHeight;
        console.log(left_height);
        left.style.height = left_height + "px";

    } else {}
};