Textarea to resize based on content length [duplicate]

by

You can check the content’s height by setting to 1px and then reading the scrollHeight property:

function textAreaAdjust(element) {
  element.style.height = "1px";
  element.style.height = (25+element.scrollHeight)+"px";
}
<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea>

It works under Firefox 3, IE 7, Safari, Opera and Chrome.

More Related Contents:

  1. Filter JSON by key value with JavaScript
  2. Why are functions synchronous in Javascript?
  3. What is stored in variable cols in : var $cols = $(‘.sortdivs’).on(‘click’,function(){…});
  4. When is JavaScript’s eval() not evil?
  5. How can I stop the browser back button using JavaScript?
  6. What is “undefined x 1” in JavaScript?
  7. React ‘cannot read property of undefined’ when using map
  8. What is the difference between angular-route and angular-ui-router?
  9. JavaScript – Get Portion of URL Path
  10. Is there ever a good reason to pass a string to setTimeout?
  11. How to pass data from a page to another page using react router
  12. Clone Object without reference javascript [duplicate]
  13. setTimeout ignores timeout? (Fires immediately) [duplicate]
  14. How to require a controller in an angularjs directive
  15. Can I prevent the Chrome Developer Tools console from logging image 404 errors? [duplicate]
  16. jqGrid GridUnload/ GridDestroy
  17. angular 2 disable url encoding
  18. How do I get the right “this” in an Array.map?
  19. javascript code not work in HEAD tag
  20. ‘img-src’ was not explicitly set, so ‘default-src’ is used as a fallback
  21. What is the difference between importing a function expression or a function declaration from a ES6 module?
  22. javascript regex to extract anchor text and URL from anchor tags
  23. Example of a regular expression for phone numbers
  24. AJAX Page Download progress
  25. How do I set a value in CKEditor with Javascript?
  26. How to determine if user selected a file for file upload?
  27. Does the attr() in jQuery force lowercase?
  28. Memoization of promise-based function
  29. Is it possible to wait until all javascript files are loaded before executing javascript code?
  30. How to decode a JSFuck script?

Leave a Comment