👀 An early look at transitioning to and from `display: none` in CSS 👀

Youtube link if you prefer:

This is amazing! Would it include animating smth like height to and from `auto`?

Unfortunately no, not yet at least

finally

Solving real problems over here 🔥

This is awesome. So happy this is going to be a thing.

Oooh

Duplicating your styles in @ initial sounds awkward and error-prone. I would rather have the browser compute the styles even when hidden if display is in the transitionable properties or in will-chage: display.

"Upcoming CSS capability" can you share a link to the spec? 🤤

Can you dive a little deeper into what is happening prior to this flag change? Is it as simple as "display:none is in the wrong priority compared to transitions so there for display:none changes after the transitions"?

Right, if you animate to `display: none` now, it'll apply immediately and won't be a part of the transition. Additionally, there's no way to specify what the pre-animation states are when animating *from* it