JSFiddle - React, Tailwind, and code Playground

by hendrikdegraaf

HTML

<div>
  <textarea name="" id="" cols="30" rows="10">
Text op heel 
veel
veel
veel
veel
veel
veel
veel
veel
veel
veel
veel
veel
regels

  </textarea>
  <button>...</button>
</div>

CSS

div {
  display: flex;
  overflow: auto;
  border: 1px solid red;
  resize: both;
  overflow: auto;
}

button {
  width: 24px;
  height: 24px;
}

textarea {
  overflow: visible;
  width: 100%;
  flex-grow: 1;
  border: none;
  outline: none;
  resize: none;
}