I have created a textarea with counter inside it using position absolute and relative, but when i type in textarea, text overlaps with the counter, below i am sharing fiddle and code

HTML code

    <div class="container">
<textarea></textarea>
<span class="counter">22/230</span>
</div>

CSS code

.counter {
  bottom: -1px;
  right: 0px;
  color: red;
  position: absolute;
}

textarea {
  position: relative;
  height: 100px;
  width: 200px;
}


.container {
  height: 100px;
  width: 200px;
  position: relative;
}

Fiddle link