We Can Finally Animate height: auto; In CSS

🌎 Find Me Here:

#Shorts

[asifurrahman]

the best part is by the time this feature will be fully supported by all browser, i am going to forget about this feature

[HenriqueErzinger]

It works fine with height: fit-content instead of auto.

[lexidugo]

I was so excited 🤣🤞🏻 Hopefully it gets implemented

[tito_me_doe]

So do display: grid; grid-template-rows: 0fr -> 1fr

[rdalert]

love you bro, i've struggled alot with this

[nikolamiticdev]

Easy cross browser support is to animate grid values. But ofc this is even better. Hope it becomes standard asap.

[danielmateupardo]

A week looking for something like that! 😮

[BobVerheij]

This is exactly what i needed to do today. 😢

[RichardMonné]

But what's your secret to be always updated about new features?

[hikari]

I wonder if you can achieve this using fr units or use sizing keywords like max-content or fit-content

[udk-tutorialsbyluke]

How good is the browser support yet and how will ist develope?

[mahmoudzakria]

It's nice, but why it took so long to add it in CSS?

[Atreyaa]

Will this not work if we use height:fit-content
and some padding at the bottom...???

[woodrunsdeep]

But you shouldn't use height in animations due to performance issues. It's advised to use transform instead

[QuangVu-zqee]

it support for browser version since 2021

[ban_droid]

isn't that max-height already do the job well?

[pcgi]

Why are you shaking your head so much? This is crazy dude

[notpowder]

this changes so much, no js needed 😭, please browser companies make this feature available

[nokomoko]

all these new rules with auto height animation and the new display none to block or whatever have very different APIs, they're making an even bigger mess of CSS imo with how they aren't even bothering to standarize all these rules

[denismarginas]

supported on chrome only, so is useless