Enable vertical scrolling on textarea

Question

I have a textarea that I want to enable vertical scrolling  When I exceed the height of the textarea  it increases in size  The scroll bar does not appear  I want that a vertical scroll bar appears and the users are not able to resize the text area as well     I searched online and tried solutions posted  but none seem to work    Demo  http   jsfiddle net hozefa 8fv6e   CSS    imageURLId  font-size  14px  font-weight  normal  resize  none  overflow-y  scroll      HTML    lt label for  aboutDescription  id  aboutHeading  gt About lt  label gt   lt textarea rows  15  cols  50  id  aboutDescription      style  resize  none   gt  lt  textarea gt   lt a  id  imageURLId  target   blank  gt Go to     HomePage lt  a gt

User · Answer

Here s your CSS  element    width  200px    height  300px    overflow-y  auto

User · Answer

You can try adding   aboutDescription       height  100px      max-height  100px

User · Answer

Simply  change   lt textarea rows  15  cols  50  id  aboutDescription  style  resize  none   gt  lt  textarea gt    to   lt textarea rows  15  cols  50  id  aboutDescription  style  resize  none   data-role  none  gt  lt  textarea gt      ie  add   data-role  none

User · Answer

Try this  http   jsfiddle net 8fv6e 8   It is another version of the answers   HTML    lt label for  aboutDescription  id  aboutHeading  gt About lt  label gt   lt textarea rows  15  cols  50  id  aboutDescription      style  max-height 100px min-height 100px  resize  none  gt  lt  textarea gt   lt a  id  imageURLId  target   blank  gt Go to     HomePage lt  a gt    CSS    imageURLId  font-size  14px  font-weight  normal  resize  none  overflow-y  scroll

User · Answer

Maybe a fixed height and overflow-y  scroll

[html] Enable vertical scrolling on textarea

Examples related to html

Examples related to css