Textarea Auto height [duplicate]

by

This using Pure JavaScript Code.

function auto_grow(element) {
    element.style.height = "5px";
    element.style.height = (element.scrollHeight)+"px";
}
textarea {
    resize: none;
    overflow: hidden;
    min-height: 50px;
    max-height: 100px;
}
<textarea oninput="auto_grow(this)"></textarea>

More Related Contents:

  1. How to create a translucent in React Native?
  2. Write tags in HTML and print
  3. How to get an HTML element’s style values in javascript?
  4. How to disable HTML links
  5. Refresh/reload the content in Div using jquery/ajax
  6. Keep overflow div scrolled to bottom unless user scrolls up
  7. How to make HTML element resizable using pure Javascript?
  8. Show hide divs on click in HTML and CSS without jQuery
  9. How do I get a computed style?
  10. Bootstrap 4 Dropdown Menu not working?
  11. Google Maps: How to create a custom InfoWindow?
  12. Performance differences between visibility:hidden and display:none
  13. Dashed border animation in css3 animation
  14. How to partition input field to appear as separate input fields on screen?
  15. :touch CSS pseudo-class or something similar?
  16. CSS: Change parent on focus of child
  17. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  18. Check if element is between 30% and 60% of the viewport
  19. Make image fill div completely without stretching
  20. How to vertically align all text in CSS?
  21. Fade background image in and out with jQuery?
  22. DIV Vertical Scroll bar on left
  23. How do I detect the inherited background-color of an element using jQuery/JS?
  24. Convert dropdown to selection boxes with color and trigger drop down action
  25. CSS /JS to prevent dragging of ghost image?
  26. How to keep elements non-refreshed
  27. How do you swap DIVs on mouseover (jQuery)?
  28. Jquery/Javascript Opacity animation with scroll
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment