@@ -448,17 +448,22 @@ in ''anchor()'' and ''anchor-size()''.
448
448
<h3 id=anchor-relevance>
449
449
Anchor Relevance</h3>
450
450
451
- As long as an [=anchor element=]
452
- is a [=target anchor element=]
453
- for any positioned element
454
- that is [=relevant to the user=] ,
455
- the [=anchor element=] is also [=relevant to the user=] .
451
+ When determining whether an element |el| is [=relevant to the user=] ,
452
+ if a descendant of |el| is a [=target anchor element=]
453
+ for a positioned element
454
+ who is not [=skipped contents|skipped=]
455
+ and whose containing block is not |el|
456
+ or a descendant of |el|,
457
+ then |el| must be considered [=relevant to the user=] .
456
458
457
459
Note: This means that, for example,
458
460
an anchor in a ''content-visibility: auto'' subtree
459
461
will prevent its subtree from [=skipping its contents=]
460
462
as long as the positioned element relying on it
461
- is [=relevant to the user=] .
463
+ is also not [=skipped contents|skipped=] .
464
+ (Unless the anchor and the positioned element
465
+ are both under the same ''content-visibility: auto'' element;
466
+ they can't cyclicly keep each other visible.)
462
467
463
468
464
469
Anchor-Based Positioning {#positioning}
@@ -1012,6 +1017,18 @@ the ''anchor()'' function resolves to its specified fallback value.
1012
1017
If no fallback value is specified,
1013
1018
it resolves to ''0px'' .
1014
1019
1020
+
1021
+ <!-- Big Text: visibility
1022
+
1023
+ █▌ █▌ ████ ███▌ ████ ████▌ ████ █▌ ████ █████▌ █ ▐▌
1024
+ █▌ █▌ ▐▌ █▌ █▌ ▐▌ █▌ █▌ ▐▌ █▌ ▐▌ █▌ ▐▌ █
1025
+ █▌ █▌ ▐▌ █▌ ▐▌ █▌ █▌ ▐▌ █▌ ▐▌ █▌ █ ▐▌
1026
+ ▐▌ █ ▐▌ ███▌ ▐▌ █████ ▐▌ █▌ ▐▌ █▌ ▐▌█
1027
+ █ ▐▌ ▐▌ █▌ ▐▌ █▌ █▌ ▐▌ █▌ ▐▌ █▌ █▌
1028
+ ▐▌ █ ▐▌ █▌ █▌ ▐▌ █▌ █▌ ▐▌ █▌ ▐▌ █▌ █▌
1029
+ ▐█ ████ ███▌ ████ ████▌ ████ █████ ████ █▌ █▌
1030
+ -->
1031
+
1015
1032
Conditional Hiding: the 'position-visibility' property {#position-visibility}
1016
1033
------------------------------------------------------
1017
1034
0 commit comments