Single line auto-growing textarea

Example to accompany Understanding the CSS auto-resizing textarea trick

Adapted from Easiest Autogrowing Textarea by Chris Coyier

I changed the focus style, tweaked the padding and set it to start at a single line.

I also added this JavaScript to ensure the textarea resizes to the correct size when the page first loads:

document.querySelectorAll('.grow-wrap').forEach(wrap => {
  wrap.setAttribute('data-replicated-value', wrap.querySelector('textarea').value);
});