Post author here: this post is a bit dated, and I need to update it. While the CSS grid trick works fine, hopefully, very soon, there'll be better ways to animate an element's height.
Chromium is shipping `interpolate-size` already, which enables transitioning from/to `height: auto`. Webkit and Firefox still have to agree with this web platform addition, but I'm optimistic. So let's hope!
This is really neat (particularly the git clone example), but I can't quite get over using the same notation as execution for reading. Seems like it could train bad patterns
Chromium is shipping `interpolate-size` already, which enables transitioning from/to `height: auto`. Webkit and Firefox still have to agree with this web platform addition, but I'm optimistic. So let's hope!