JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bar"><input type="button" id="btn1" value="Click Me" /></div>
<div id="popup">
    <textarea>Type here...</textarea>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius volutpat leo, sed dapibus quam pellentesque sed. Nulla neque ante, sodales non convallis sed, molestie eget turpis. Etiam pharetra, mi eget ultricies facilisis, erat ante pulvinar sapien, quis luctus nisl tortor eu elit. Etiam condimentum enim eget eros pharetra ultrices. Nullam rhoncus sem sed purus tempus vulputate. Quisque dignissim, dolor in varius ornare, purus leo cursus sapien, at bibendum odio turpis a nisi. Suspendisse arcu metus, viverra vitae pretium ut, rhoncus a ligula. Vestibulum at nulla et massa mattis vehicula at id velit. Sed ac ante semper magna tempor gravida. Curabitur id dui orci. Maecenas malesuada eros in odio tincidunt vitae mollis lectus facilisis. Donec malesuada dictum elit, ut pellentesque metus luctus id. In dictum risus sit amet augue gravida dictum lacinia justo cursus.

<p>Suspendisse gravida turpis sed mi sodales vel pulvinar lacus pretium. Quisque eu ligula vel lacus commodo semper iaculis in quam. In lacinia ipsum at turpis varius posuere. Quisque non massa quis est consectetur dignissim. Sed ante libero, convallis eu ornare in, fringilla at tellus. Donec laoreet feugiat metus vel sagittis. Vestibulum mi massa, vestibulum in ultricies at, vestibulum non nunc. Donec fringilla, enim ac iaculis consequat, purus augue convallis leo, ut elementum tellus urna rutrum magna.

<p>Integer nec magna nisl. Nam ante mauris, condimentum dapibus cursus sit amet, cursus sit amet lorem. Praesent et sem metus, eu consectetur quam. Integer nec orci lorem. Sed adipiscing iaculis interdum. Curabitur eget turpis et sapien gravida lacinia. Morbi at mauris ante. Etiam euismod viverra dictum. Nulla sed quam dolor, non scelerisque leo.

<p>Nam mollis leo ut lectus ultrices sodales. Fusce id tortor eget enim congue tristique in feugiat quam. Vestibulum...

CSS

BODY {
    font: 82.5%/1.5 segoe ui, trebuchet ms, sans-serif;  
    padding: 8px;
}

P + P {
    margin-top: 1em;    
}

#bar {
    background-color: #223366;
    padding: 4px;   
}

#popup {
    display: none;
    position: absolute;
    width: 300px;
    height: 300px;    
    background-color: #555;
    padding: 8px;    
}

#popup TEXTAREA{
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
}

JavaScript

$("#btn1").click(function(){
    $("#popup").toggle();
});