JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="dummy"></div>
    <div id="element">
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
        some textsome textsome
    </div>
</div>

CSS

#container {
    display: inline-block;
    position: relative;
    /*width: 50%;*/
    min-width: 200px;
}
#dummy {
    padding-top: 100%;
   
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver;
    overflow: auto;
    max-height: 100%;
}