How to css to make the height of textarea content

Question

How can css make a full height textarea block by content?

In the end, if without any "buns and ruches", then [you can do so] [3].
[1]: jquerylist.ru/forms/jquery-plugin-autoresize.html [2]: jacklmoore.com/autosize [3]: jsfiddle.net/w6S76

Maks Devda Maks Devda 667 4 silver marks 10 bronze marks · Accepted Answer · 2015-05-08T21:57:51

You can absolute positioning for example.

{ top:10px; bottom:10px; position:absolute; }

here and stretch you.

or js juzat

And if with JS, but without third-party libraries, how easy is it possible to implement?

Vadizar vadizar 4,647 2 gold marks 19 silver marks 55 bronze marks · Answer 2 · 2017-01-01T16:29:52

In this case, I advise you to use instead of textarea:

  <div contenteditable="true"> Я редактируюсь! </div>

Vadizar

4,647 2 gold marks 19 silver marks 55 bronze marks

Your answer does not add anything new to the already issued answers, except that you "provide the complete code snippet" (very banal). I recommend focusing on questions that are currently unanswered. Here, you will not help people either, and you don’t collect much reputation (if you are very interested in it). - AK ♦
@AK, but is it full? There will be more ... - Qwertiy ♦

|

Community spirit ♦ one · Answer 3 · 2015-05-08T21:57:17

It seems in any way.

Use a div with attribute contenteditable . Only he will not be in the form of the form and it is possible to format the text in it.

More about the option with contenteditable in this answer .

artem328 artem328 571 1 golden mark 3 silver marks 11 bronze marks · Answer 4 · 2014-07-19T13:57:35

 textarea { display: block; height: 100%; }

4 answers 4