JSFiddle - React, Tailwind, and code Playground

HTML

<div id ="list">
<ul id="item">
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>

<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>
<li>show taille height</li>

</ul></div>

CSS

#item{

}
#list{
 overflow:scroll;
    float: left;
    max-height:98vh; 
}

JavaScript

alert(document.getElementById('item').offsetHeight);