
notecss
Neat CSS trick:
Use anchor to track the size changes in a textarea (or whatever) and transition instead of instantly update 🤘🏻

Neat CSS trick:
Use anchor to track the size changes in a textarea (or whatever) and transition instead of instantly update 🤘🏻
@argyleink Noice. This good on all the browsers??James Kerr
@argyleink field-sizing + anchor transitions is exactly the kind of thing that kills a JS workaround. Fresh example of the workaround still winning: Threads' reply connector is 3 SVG pieces, first segment measured in JS on resize. https://t.co/oJtqK3DCKHCecheLine
@argyleink Check out this one ;) https://t.co/2tNF1Eh2FLAlex Inkin
https://nerdy.dev/transitioning-field-sizing-content-with-css
Transitioning Field Sizing Content With CSS · October 3, 2026
By @argyleinkDohány Tamás
@Waterplea Sick 🤘💀 great use of view-timeline. Amazing what an overflow clip can unlock huh?Adam Argyle
@argyleink it would have been really special if the video grew with itJustin
@specialCaseDev @argyleink 85.81% on caniuseTanmay
But does it work in dark mode?! 😜Anthony Frehner
@argyleink A textarea that grows with the bug report. Finally, CSS understands scope creep.PingCron
@argyleink field-sizing is one of those properties i keep forgetting existsCalvin Lai
@argyleink field-sizing: content paired with an anchor — this is the kind of CSS trick that makes me rethink entire components. Bookmarking the https://t.co/cVLxqaoT8e piece.Nisar Ahmed
@argyleink Nice use of anchors beyond positioning a tooltip. Does the textarea still keep the caret visible when a large paste makes it grow mid-transition?Tornike Sirbiladze