diff --git a/css-values-5/calc-size-explainer.md b/css-values-5/calc-size-explainer.md index d533144778c..04c4b1ec1c1 100644 --- a/css-values-5/calc-size-explainer.md +++ b/css-values-5/calc-size-explainer.md @@ -141,18 +141,13 @@ animate its `height` when it opens and closes: ```css details::details-content { --open-close-duration: 500ms; - display: block; /* override default 'display: contents' */ height: 0; overflow: hidden; transition: height var(--open-close-duration), - content-visibility var(--open-close-duration) allow-discrete step-end; + content-visibility var(--open-close-duration) allow-discrete; } details[open]::details-content { height: calc-size(max-content); - /* repeat the 'transition' but with 'step-start' (for opening) rather than - 'step-end' (for closing) */ - transition: height var(--open-close-duration), - content-visibility var(--open-close-duration) allow-discrete step-start; } ```