Published at
Updated at
Reading time
1min
This post is part of my Today I learned series in which I share all my web development learnings.

There's a new CSS property in town: field-sizing. field-sizing: content allows form controls to adjust in size to fit their contents. At the time of writing this property is still in flux in terms of baseline support.

MDN Compat Data (source)
Browser support info for field-sizing
chromechrome_androidedgefirefoxfirefox_androidsafarisafari_iossamsunginternet_androidwebview_android
123123123Nonpreviewpreview27.0123

So far, I've thought the new property is only about expanding textarea elements, but apparently it works for other input elements, too.

That's good stuff!

If you enjoyed this article...

Join 6.2k readers and learn something new every week with Web Weekly.

Web Weekly — Your friendly Web Dev newsletter
Reply to this post and share your thoughts via good old email.
Stefan standing in the park in front of a green background

About Stefan Judis

Frontend nerd with over ten years of experience, freelance dev, "Today I Learned" blogger, conference speaker, and Open Source maintainer.

Related Topics

Related Articles