Want to remove the scroll bar from text area?

css, textarea

Solution

@JoshCrozier is right that you want `overflow:hidden`. To make the textarea automatically expand in height you need a little help from a JQuery plugin. A useful one is Jack Moore's autosize.js.

Just call `$('textarea').autosize();` and you're good to go.

Here's a jsFiddle to demonstrate it.

Problem

i made the text area and i want that when my text exceeds the width of text area then instead of creating scroll bar it should simply increase the width of text area how can i do this here is the html code and also the css which i am applying on this please suggest me some thing.i am trying to make this text area work like facebook comment box ? ``` <style> .textarticle { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.18); width:600px; max-width:600px; min-height: 50px; max-height: 140px; border:1px solid E7DBDB; border-radius:5px; overflow:none; } </style> <html> <textarea class="textarticle" name="textarticl" placeholder="Enter Article"> </html> ```

Original source