Resize text area automatically to show all text on load without scrolling in Blazor

I am trying to resize text area automatically to show all text on load without scrolling in Blazor.

<textarea class="form-control" maxlength="255" style="width:250px;" @bind="Comment" id="Comments" required></textarea>

Code:

@code {
    public string Comment = "This is test comments for textarea. This is test comments for textarea.";
  }

The following css i use but not working...

textarea {
  resize: vertical;
  overflow: visible;
  height:auto !important;
}

Thanks in advance.