When I was on Alex Trost’s holiday stream, real quick at the end, I showed a way that CSS can animate to auto dimensions. This is a hell of a trick and it’s pretty great there is a way to get it done in without needing JavaScript to measure things ahead of time. Ideally, CSS would just… let us do this without any trickery.
I mentioned this again in Things CSS Could Still Use Heading Into 2023.
I didn’t discover the (extremely cool) trick for doing it today though. That was discovered by Nelson Menezes back in October 2021. I saw his article then blogged it on CSS-Tricks a week later. It has started working in Chrome and Safari since then, which is nice, but again, CSS should just allow auto transitions and animations.
Just wanted to make sure the history is correct, as I’ve seen a new round of excitement over knowing this is possible today.
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
Love to see credit given where its due. Admirable move here, Chris.
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
I absolutely love the series of expressions on Alex’s face when you do this. Those are the looks we all wish our non-web friends and family would have when we show them our exciting code trickery. Instead of, you know, that usual long ooookaaaay look of indifference and confusion I usually get.
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
I didn’t discover that grid-template-rows trick for animating to auto in CSS, that was Nelson Menezes. chriscoyier.net/2023/01/07/i-d…
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy
This Article was mentioned on brid.gy