Skip to content

Commit 220a4af

Browse files
committed
[css-contain] Move info on content-visibility animations from L3 to L2
See #8627
1 parent 0cf6561 commit 220a4af

File tree

2 files changed

+15
-25
lines changed

2 files changed

+15
-25
lines changed

css-contain-2/Overview.bs

+15-1
Original file line numberDiff line numberDiff line change
@@ -1618,7 +1618,7 @@ Suppressing An Element's Contents Entirely: the 'content-visibility' property {#
16181618
Initial: visible
16191619
Inherited: no
16201620
Applies to: elements for which [=size containment=] can apply
1621-
Animation type: not animatable
1621+
Animation type: see [[#content-visibility-animation]]
16221622
</pre>
16231623

16241624
<wpt>
@@ -2040,6 +2040,18 @@ Suppressing An Element's Contents Entirely: the 'content-visibility' property {#
20402040

20412041
</div>
20422042

2043+
<h3 id='content-visibility-animation'>
2044+
Animating and Interpolating 'content-visibility'</h3>
2045+
2046+
In general,
2047+
the 'content-visibility' property’s [=animation type=] is [=discrete=].
2048+
However,
2049+
similar to interpolation of 'visibility'
2050+
(see [[web-animations-1#animating-visibility]]),
2051+
during interpolation between ''content-visibility/hidden''
2052+
and any other 'content-visibility' value,
2053+
<var ignore>p</var> values between 0 and 1
2054+
map to the non-''content-visibility/hidden'' value.
20432055

20442056
<h3 id='using-cv-hidden'>
20452057
Using ''content-visibility: hidden''</h3>
@@ -2646,6 +2658,8 @@ Changes from <a href="https://www.w3.org/TR/2022/WD-css-contain-2-20220917/">202
26462658
* Move the definition of inline-size containement from the Level 3 specification
26472659
to this Level 2.
26482660
(<a href="https://github.com/w3c/csswg-drafts/issues/10433">Issue 10433</a>)
2661+
* Make the 'content-visibility' property animatable.
2662+
(<a href="https://github.com/w3c/csswg-drafts/issues/8627">Issue 8627</a>)
26492663

26502664
<h3 id="changes-since-2020-12-16">
26512665
Changes from <a href="https://www.w3.org/TR/2020/WD-css-contain-2-20201216/">2020-12-16 Working Draft</a>

css-contain-3/Overview.bs

-24
Original file line numberDiff line numberDiff line change
@@ -946,30 +946,8 @@ The <code>CSSContainerRule</code> interface</h3>
946946
Suppressing An Element’s Contents Entirely: the 'content-visibility' property {#content-visibility}
947947
=================
948948

949-
<pre class=propdef>
950-
Name: content-visibility
951-
Value: visible | auto | hidden
952-
Initial: visible
953-
Inherited: no
954-
Applies to: elements for which [=size containment=] can apply
955-
Animation type: see [[#content-visibility-animation]]
956-
</pre>
957-
958949
Issue: [[css-contain-2#content-visibility]]
959950

960-
<h3 id='content-visibility-animation'>
961-
Animating and Interpolating 'content-visibility'</h3>
962-
963-
In general,
964-
the 'content-visibility' property’s [=animation type=] is [=discrete=].
965-
However,
966-
similar to interpolation of 'visibility'
967-
(see [[web-animations-1#animating-visibility]]),
968-
during interpolation between ''content-visibility/hidden''
969-
and any other 'content-visibility' value,
970-
<var>p</var> values between 0 and 1
971-
map to the non-''content-visibility/hidden'' value.
972-
973951
Privacy Considerations {#privacy}
974952
=================================
975953

@@ -1007,8 +985,6 @@ Changes since the 18 August 2022 Working Draft</h3>
1007985
* Correct typo in 'container-type' syntax, to clarify that ''normal'' cannot
1008986
be combined with other values.
1009987
(<a href="https://github.com/w3c/csswg-drafts/issues/7669">Issue 7669</a>)
1010-
* Make the 'content-visibility' property animatable.
1011-
(<a href="https://github.com/w3c/csswg-drafts/issues/8627">Issue 8627</a>)
1012988
* Allow ''var()'' references in [=container size queries=].
1013989
(<a href="https://github.com/w3c/csswg-drafts/issues/8088">Issue 8088</a>)
1014990
* Allow comma-separated <<container-condition>>s to match different containers.

0 commit comments

Comments
 (0)