Post

field-sizing: content makes inputs and textareas grow and shrink with what is typed. The textarea autosize script you load on every form page is what it deletes, on new work.

textarea { field-sizing: content; min-height: 4rem; max-height: 16rem; } Three declarations for what used to be a scroll-height measurement on every keystroke.

A textarea that grows as you type works in every current browser run. The misses are at the edges: Firefox will not re-fit a number input after a script changes its value, and Safari draws a search input’s caret taller than its placeholder.