search

web-platform-dx / baseline-status

Apache License 2.0
126 stars 9 forks source link

progressive enhancement of open/close animation with `calc-size()` #11

Open argyleink opened 3 months ago

argyleink commented 3 months ago

https://codepen.io/yisi/pen/MWdajwr

(coming soon)

bramus commented 3 months ago

Better to declare interpolate-size: allow-keywords on the details element. calc-size() is only recommended if you want to do calculations on the computed size. In most cases you don’t need to, and adding interpolate-size: allow-keywords is the simpler opt-in.

(If you want, you could set this on :root in your projects and be done, as the property inherits)