Enable vertical scrolling on textarea

You can try adding:

#aboutDescription
{
    height: 100px;
    max-height: 100px;  
}

Here's your CSS

element{
  width: 200px;
  height: 300px;
  overflow-y: auto;
}

Simply, change

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;"></textarea>

to

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;" data-role="none"></textarea>

ie, add:

data-role="none"

Try this. It is another version of the answers.

#imageURLId {
  font-size: 14px;
  font-weight: normal;
  resize: none;
  overflow-y: scroll;
}
<label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription" style="max-height:100px;min-height:100px; resize: none"></textarea>
<a id="imageURLId" target="_blank">Go to
    HomePage</a>

Tags:

Html

Css