Skip to content

Commit 6533e07

Browse files
committed
[css-anchor-1] Change physical side keywords used in the wrong axis to just make the query invalid, not the function. w3c#7487
1 parent 3e46e26 commit 6533e07

File tree

1 file changed

+17
-5
lines changed

1 file changed

+17
-5
lines changed

css-anchor-1/Overview.bs

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -97,11 +97,11 @@ The ''anchor()'' function has three arguments:
9797
<dfn value for=anchor()>right</dfn>,
9898
<dfn value for=anchor()>top</dfn>,
9999
and <dfn value for=anchor()>bottom</dfn>)
100-
must only be used in [=inset properties=]
101-
corresponding to the same axis:
102-
for example, ''top'' and ''bottom'' are valid in 'top' and 'bottom',
103-
but not in 'left' and 'right'.
104-
Using wrong-axis keywords makes the function invalid.
100+
are only useful in [=inset properties=]
101+
corresponding to their corresponding axis:
102+
for example, using ''top'' and ''bottom'' in 'left' or 'right'
103+
(or in 'inset-inline-start' if the inline axis is horizontal, etc)
104+
results in an [=invalid anchor query=].
105105

106106
The logical <<anchor-side>> keywords
107107
(<dfn value for=anchor()>start</dfn>,
@@ -348,6 +348,15 @@ Note: The Popup API, for example,
348348
defines an [=implicit anchor element=] for a popup--
349349
the element that the popup is attached to.
350350

351+
<!--
352+
███████ ██ ██ ████████ ████████ ████ ████████ ██████
353+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
354+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
355+
██ ██ ██ ██ ██████ ████████ ██ ██████ ██████
356+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
357+
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
358+
█████ ██ ███████ ████████ ██ ██ ████ ████████ ██████
359+
-->
351360

352361
Anchor Queries {#queries}
353362
--------------
@@ -363,6 +372,9 @@ only if all of the following conditions are true:
363372
* Their function is used on an element that is [=absolutely-positioned=].
364373
* If representing an ''anchor()'' function,
365374
the function is being used in an [=inset property=].
375+
* If representing an ''anchor()'' function
376+
and the <<anchor-side>> keyword is a physical keyword,
377+
it's used in an [=inset property=] in the corresponding axis.
366378
* If representing an ''anchor-size()'' function,
367379
the function is being used in a [=sizing property=].
368380
* There is a [=target anchor element=]

0 commit comments

Comments
 (0)