How to make textareas grow automatically with a little bit of CSS and one line of JavaScript
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
This post is a quick one for the bookmarks: Chris Coyier shared a smart way to automatically grow textareas when user content expands across the defined textarea size.
The solution uses stacked CSS grid elements, pseudo-elements, and one (!) line of inline JavaScript. Beautiful!
Was this post helpful?
Yes? Cool! You might want to check out Web Weekly for more WebDev shenanigans. The last edition went out 18 days ago.
Yes? Cool! You might want to check out Web Weekly for more WebDev shenanigans. The last edition went out 18 days ago.
Related Topics
Related Articles
- How to escape CSS selectors in JavaScript
- A new method to validate URLs in JavaScript (2023 edition)
- How to remove all event listeners from a DOM element
- Copy an array and replace one element at a specific index with modern JavaScript
- How to prerender Tweets without using the official Twitter APIs
About the author
Frontend nerd with over ten years of experience, "Today I Learned" blogger, conference speaker, Tiny helpers maintainer, and DevRel at Checkly.