If I have a textarea with some text on it, and the text has some line breaks on it, if I set my style to:

```
textarea {
  height: auto;
  overflow: hidden;
  resize: none;
}

```

When I load the page, then the text area will only automatically set the height of the textarea until it finds the first line break, example:

For a textarea with this text:

```
This is an

example text

```

When the page is loaded, the textarea will be shown as:

```
This is an

```

Browser thinks line breaks are the end of the whole text. How do I fix it?