JSFiddle - React, Tailwind, and code Playground

HTML

<div id="overlay">
    this is not moving
</div>

<div>
    <div class="scroller">
        <asp:Label ID="test">This is moving if big enough</asp:Label>
    </div>
</div>

CSS

#overlay {
    /*visibility: hidden;*/
    position: fixed;
    left: 45%;
    width:auto;
    border:1px solid #A17E13;
    height:900px;
    text-align:left;
    background-color:orange;
}
.scroller {
    height:3000px;
    width:400px;
    background-color:green;
}