I am trying to get TEXTAREA to look exactly as INPUT in all browsers and without javascript and to act as DIV element regarding full width (it is not 100% but it fit available width).

This is what I have so far but it doesn’t work completely as I hoped:

TEXTAREA {
  cursor: text;
  height: 1em;
  resize: none;
  overflow: hidden;
  white-space: pre;
  overflow-wrap: normal;
  font-family: Arial;
  width: fit-content;
  display: block;
}

<textarea></textarea>
<p></p>
<input/>

EDIT: INPUT can be change also, it is not a problem. 🙂