Skip to content

AutoGrow Textareas with CSS

Because the calls for of the internet exchange and builders experiment with other consumer studies, the desire for extra local language enhancements expands. Our presentation layer, CSS, has carried out extremely smartly in bettering features, even supposing every so often too gradual. The desire for local strengthen for mechanically increasing textarea components has been lengthy identified…and it is after all right here!

To permit textarea components to develop vertically and horizontally, upload the field-sizing belongings with a price of content material:

textarea {
  field-sizing: content material; // default is `mounted`

The default worth for field-sizing is mounted, signaling present habits. The brand new habits, content material, will amplify up to conceivable. To constrain the scale a textarea can develop, use conventional width/max-width and peak/max-height houses.

  • From Webcam to Animated GIF: the Secret Behind!
  • 9 More Mind-Blowing WebGL Demos

Ready to get a best solution for your business?