JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<textarea readonly elastic>text area content</textarea>

CSS

textarea[readonly]{
  font-size: 15px;
  font-family: "Helvetica Neue";
  margin: 0 0 0.2rem 0;
  color: #000;
  width: auto;
  word-wrap: break-all;
    resize: none;
    overflow: hidden;
    min-height: 5px;
    height: 40px;
    max-height: inherit;
    background: #c3fdb8;
}