JSFiddle - React, Tailwind, and code Playground

HTML

<body style="background-color:lightyellow;">
        <div>TODO write content</div>
        aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
        aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
        aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
        aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>
        aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>aaa<br>

        <div class="inputFixed">
            <textarea></textarea>

        </div>
    </body>

CSS

.inputFixed{
                position:fixed;
                bottom:0px;
                right:0px;
                width:100%;
                height:50px;
                background-color:lightgrey;
            }

            textarea{
                height:40px;
                width:300px;
                position:absolute;
                bottom:5px;
                right:10px;
                padding:0px;
                margin:0px;
                border:none;
            }