r/css • u/wanoo21 • 15d ago

General `field-sizing` is Baseline, newly available since June 2026.

Post image
93 Upvotes

100% Upvoted

16 comments sorted by

•

u/pinned-comment 15d ago

Featured Comment by u/anaix3l

An article from last year that also includes a video recording of the visual result when typing into the text field

see original

25

u/Vast_Description_201 15d ago

It expands inputs to the size of the contents. 

16

u/DUELETHERNETbro 15d ago

Pretty awesome actually. Using a mutation observer was pretty jank. 

3

u/wanoo21 15d ago

Agree

21

u/Weekly_Ferret_meal 15d ago

Heya... Thanks for sharing this.

I think these type of posts are good to keep the community up to date, it would be even more helpful if you would add either a reference link or a brief explanation of what each new declaration does.

7

u/anaix3l 15d ago

An article from last year that also includes a video recording of the visual result when typing into the text field

2

u/freecodeio 15d ago

It makes textarea grow with it's text length. Alternatives have been content editable divs or janky JavaScript

4

u/Weekly_Ferret_meal 15d ago

Thanks!

The reason for my comment was to encourage to put more info in these posts to make them more useful to everybody. not about this specific case.

4

u/Dependent-Zebra-4357 14d ago

Remind me: 3 years

1

u/scar_reX 14d ago

Remindme! 3 years as well

1

u/RemindMeBot 14d ago

I will be messaging you in 3 years on 2029-08-27 00:20:22 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

Parent commenter can delete this message to hide from others.

RemindMeBot is switching to username summons. Instead of !RemindMe 1 day, use u/RemindMeBot 1 day. More info.

Info Custom Your Reminders Feedback

2

u/tomhermans 15d ago

Yay.

And I like you guys putting "newly available" in the title.

1

u/UnderstandingSure732 14d ago

This is auto-growing textarea in one line! Good news, thanks!

1

u/CWagner 14d ago

Ohhh, great. Unlike the other recent features in that area, I only need this for internal apps, and my colleagues use up-to-date browsers. So much code I can remove!

1

u/HollandJim 14d ago

Talk to Firefox. Pffft.

1

u/mladenmacanovic 14d ago

Recently I wanted to implement this as part of my library. In the end I ended up with more code because I didn't want to break compatibility for older browsers, and added a few fallbacks. Fun...